微信小程序学习二（事件绑定）

事件绑定

一、WXML

1. 需要给input标签绑定input事件 绑定关键字bindinput

2. 如何获取输入框的值 通过事件源对象来获取 e.detail.value

3. 把输入框的值赋值到data当中

   不能直接写成：

   this.data.num=e.detail.value或者this.num=e.detail.value

   正确的写法：

   this.setData({
   num:e.detail.value,
   })

<!-- demo.wxml-->
<input type="text" bindinput="handleInput" />
<button bindtap="handletap" data-operation="{{1}}">+</button>
<button bindtap="handletap" data-operation="{{-1}}">-</button>
<view>
	{{num}}
</view>

<!-- demo.js-->
Page({
  data: {
    num:0,
  },
  handleInput(e){
    // console.log(e.detail.value);
    this.setData({
      num:e.detail.value,
    })
  },
  handletap(e) {
    // 获取自定义属性operation
    const operation = e.currentTarget.dataset.operation;
    this.setData({
      num: Number(this.data.num) + operation
    })
  },
})