微信小程序，在事件处理函数中为 data 中的数据赋值

在事件处理函数中为 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 方法，以免影响页面的性能。

运行结果