微信小程序setData的一些用法

最新推荐文章于 2025-05-25 18:46:41 发布

农忙不得闲

最新推荐文章于 2025-05-25 18:46:41 发布

阅读量739

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_28611779/article/details/88121836

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在微信小程序中动态地修改数组中特定位置的元素，通过使用setData方法结合字符串模板来实现对数组内对象属性的精确更新，避免了不必要的整体数据刷新，提高了应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序开发文档：

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#pageprototypesetdataobject-data-function-callback

1、对于对象或数组字段，可以直接修改一个其下的子字段，这样做通常比修改整个对象或数组更好

changeItemInArray() {
    // 对于对象或数组字段，可以直接修改一个其下的子字段，这样做通常比修改整个对象或数组更好
    this.setData({
      'array[0].text': 'changed data'
    })
  },

官方给的array是固定下标为0的，如果我想动态的话，就要：

 changeItemInArray(e) {
    // 对于对象或数组字段，可以直接修改一个其下的子字段，这样做通常比修改整个对象或数组更好
    var index = e.currentTarget.dataset.index;
    var text = "array[" + index + "].text";
    this.setData({
      [text]: 'changed data'
    });
  },