孤酒读雨—个人网站

微信小程序的this.setData()方法更新数据的方法

作者: Fred

学习小程序开发的第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",然后再进行赋值。


最后就可以得到自己想要的结果了。


要注意的是,就算我们再