微信小程序 js的函數修改 data 中的 數組List集合的值

寫法如下

一定要注意 setData中的 [ ] ,特別容易忘記

var up = "navigationList[" + 0 + "]"
  that.setData({
      [up]: sortItem,
})

直接上項目中的代碼

Page({

  /**
   * 頁面的初始數據
   */
  data: {
   navigationList:['單量排序','性別','篩選'],//條件欄展示列表
   
    	},
    // 函數方法	
 	getSort: function (e) {
    var that = this;
    let sortItem = e.currentTarget.dataset.name
    let sortItemId = e.currentTarget.dataset.id
    var up = "navigationList[" + 0 + "]"
    that.setData({
      [up]: sortItem,
    })
    that.getGuideLists()
  },

wxml中

<view class="viewlist">
          <view   class="viewsort viewlistone"    bindtap="tigger" data-num="1">
            {{navigationList[0]}}
              <image src="../images/footer1.png" mode="" class="" id="" style="width:30rpx;height:30rpx;"></image> 
          </view>
          <view class="viewsort viewlistone" bindtap="tigger" data-num="2">
            {{navigationList[1]}}
              <image src="../images/footer1.png" mode="" class="" id="" style="width:30rpx;height:30rpx;"></image> 
          </view>
          <view   class="viewsort viewlistone" bindtap="tigger" data-num="3">
            {{navigationList[2]}}
              <image src="../images/footer1.png" mode="" class="" id="" style="width:30rpx;height:30rpx;"></image> 
          </view>
</view>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章