学习小程序开发的第n天
this.setData()在小程序中是怎样一个方法?
通常的,我们在小程序中使用this.setData()方法将逻辑层数据发送到视图层中,也就是我们使用这个方法把我们定义在data中的数据进行更新,显示在我们的视图页中。
下面给个例子,我们在wxml中有这样一段代码:
<text>{{shouye.my}}</text>
<text>{{zong}}</text>
<button bindtap="add">+1</button>
展示如下:

而我在js中定义的data如下:
data:{
shouye:{
"my":"电影天天看"
},
zong:0
},
然后我们需要实现的是,点击+1按钮,数字0就变成1,再点按钮,就变成2,以此类推
这时,我们需要定义一个方法,命名为add:
add:function(event){
this.setData({
zong:this.data.zong+1,
"shouye.name":"按钮生效了"
})
}
这段代码,首先我们this.data.zong,是调用了当前页面下,data方法里的zong,使它+1,再赋值回来给zong,而想要改变data里的shouye里的某个值,就得使用“shouye.name",然后再进行赋值。
最后就可以得到自己想要的结果了。
要注意的是,就算我们再