微信小程序学习
this.setData({})
用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。用this.data
而不用this.setData({})
会造成页面内容不更新的问题。例如下面的代码
addPerson:
函数中,如果写成this.data.name = '保存'
,那么点击'新增参保人',按钮的名称是不会更改成"保存"的。因为微信框架里面说了用this.data
的形式,数据会变,但是视图并不会变。也就是说,其实'新增参保人'已经变成了'保存',只是视图没更新而已。用this.setData({})
的形式不仅会改变数据,而且还会改变视图。还有非常重要的一点,如果页面需要显示动态的数据的话,那么我们必须要把数据更新到data中对应的变量中。
例1:更新array数组中第0个元素msg这个key对应的value。``例2:更新name的值。
msg和name都在data中,都是变量。看API文档