微信小程序用 setData 方法修改 data 中对象数组某一项的属性值

Posted 2021-12-07 嘻嘻的妙妙屋

方法

1. 先用一个变量表示对象的属性值（字符串）或数组的某一项的值（字符串拼接起来）；
2. 将变量写在[]里面即可修改；

代码

index.js

Page({
  data: {
    // 普通：
    text1:1,
    // 对象的属性值：
    text2:{
      text2_1:2,
    },
    // 数组：
    text3:[3,3,3],
    // 数组和对象结合：
    text4:[
      {
        bool:false,
        num:4
      },
      {
        bool:true,
        num:44
      }
    ]
  },
  text1:function(){
    this.setData({
      text1:11111,
    });
  },
  text2: function () {
    var t2 = "text2.text2_1";
    this.setData({
      [t2]: 22222,
    });
  },
  text3: function () {
    var t3 = "text3["+0+"]";
    this.setData({
      [t3]: 33333,
    });
  },
  text4: function () {
    var t4 = "text4["+0+"].num";
    this.setData({
      [t4]: 44444,
    });
  }
})

index.wxml

<view class="page">
  <view catchtap="text1">{{text1}}</view>
  <view catchtap="text2">{{text2.text2_1}}</view>
  <view catchtap="text3">{{text3[0]}}</view>
  <view catchtap="text4">{{text4[0].num}}</view>
</view>

效果