微信小程序 --事件绑定

在小程序中,使用bindtap来绑定js中的事件

实例:

<!-- 事件绑定 -->
<view>当前数字为:{{number}}</view>
----------------------------------------------------------
<view>
  <input type="text" placeholder="空" bindinput="handleInput" />
  <button bindtap="handletap" data-operation='{{1}}'>+</button>
  <button bindtap="handletap" data-operation='{{-1}}'>-</button>
</view>

js

const app = getApp()

Page({
  data: {
      number: 0
  },
  // 输入框input
  handleInput(e){
    this.setData({
      number: Number(e.detail.value) 
    });
  },
  // 加、减 按钮事件
  handletap(e){
    let operation = e.currentTarget.dataset.operation;
    this.setData({
      number: this.data.number + operation
    });
  }
})

 

posted @ 2021-09-13 15:48  黑无常  阅读(188)  评论(0)    收藏  举报