微信小程序 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>

你可能感兴趣的:(小程序开发)