小程序中修改数据不推荐通过赋值的方式进行修改,通过赋值的方式修改数据无法改变页面的数据
而是要通过调用 setData() 方法进行修改,setData() 方法接收对象作为参数,key是需要修改的数据,value 是最新的值
setData()方法有两个作用:
- 更新数据
- 驱动视图更新
复制代码尝试:
<view>{{ num }}</view>
<button bindtap="updatanum">更新NUM</button>
Page({data: {num: 1},// 更新numupdatanum() {// 获取数据// console.log(this.data.num)// 通过赋值的方式直接修改数据// 能够修改数据,但是不能直接改变页面上的数据this.data.num += 1console.log(this.data.num)// this.setData两个作用// 1.更新数据// 2.驱动视图(页面)更新this.setData({// key: 是需要更新的数据// value: 时最新的值num: this.data.num + 1})}})