微信小程序 - setData

最新推荐文章于 2024-07-26 17:43:06 发布

原创最新推荐文章于 2024-07-26 17:43:06 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

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

1 篇文章

订阅专栏

setData函数用于异步更新视图，同步改变this.data。它可以修改数组项或对象属性，如array[2].message和object.text。直接修改this.data不会更新页面状态，可能导致数据不一致。

1、setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。

2、其中 key 可以以数据路径的形式给出，支持改变数组中的某一项或对象的某个属性，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

3、直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。

this.setData({
      text: 'changed data'
})

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

// 修改对象某个属性
this.setData({
      'object.text': 'changed data'
});