介绍
setData用与修改后台中的数据,将修改后的数据渲染到页面中,如果使用其他方法直接修改后台中变量存储的数据,修改的结果并不会反应到页面中,就会造成后台数据和页面数据不同步。
基础用法
js代码:
Page({
/**
* 页面的初始数据
*/
data: {
init:"初始化数据"
},
change:function(){
this.setData({
init:"更改后数据"
})
}
})
wxml代码:
<button bindtap="change">点击更改数据</button>
<text>{{init}}</text>
效果:
点击前:
点击后:
注意:
有时候由于调用函数时可能会使this.setData中的this所指向的并不是需要的对象,此时可以使用that来指向需要的对象,再调用函数。