在事件处理函数中为 data 中的数据赋值
在小程序中,我们可以通过在页面的 js 文件中定义一个 data 对象来存储页面中需要使用的数据。当我们在页面中需要修改这些数据时,可以通过调用 this.setData(dataObject) 方法来重新为 data 中的数据赋值。
方法说明
this.setData(dataObject: object, callback: function)
- dataObject: 需要设置的新数据
- callback: 数据设置成功之后的回调函数
示例代码
<button type="primary" bindtap="changeCount">+1</button>
// 页面的 .js 文件Page({ data: { count: 0 }, // 修改 count 的值 changeCount() { this.setData({ count: this.data.count + 1 }) }})
在上述示例代码中,我们定义了一个名为 count
的变量,并初始化其值为 0。当 changeCount
这个事件处理函数被触发时,我们通过调用 this.setData
方法来为 count
变量重新赋值,并将其加上 1。这样,当 changeCount
函数被触发时,count
的值将被修改为 1。
需要注意的是,通过调用 this.setData
方法修改数据时,数据必须是一个对象,且只能通过对象的方式来进行修改。同时,修改数据后会重新渲染页面,因此我们需要尽量避免在事件处理函数中频繁地调用 this.setData
方法,以免影响页面的性能。
运行结果