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

今天药忘吃喽~ 2023-05-31 04:59 4阅读 0赞

#### 写法如下 ####

一定要注意 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>