微信小程序之事件绑定

标签：one   view   用户输入   标签   制作   tap   OLE   微信小程序   控制   

绑定事件

   在input标签内使用bindinput关键字，可以绑定input事件
    
    例如：

         index.wxml中
          `<input type="text" bindinput="handInputOne">`

         index.js中
          `handInputOne(a){
                console.log(a)    //若要在控制台使出看到a，则 console.log(a.detail.value)
           }`                  

• 若想用户在上面输入，下一行就输出用户输入的(双向绑定)，则

    index.wxml中
          `<input type="text" bindinput="handInputTwo">
           <view>{{num}}</view>`
    index.js中
          `handInputTwo(b)({
           num:b.this.setDatab
            })`
  

• 制作一个数字加减按钮（有一个数字，有两个按钮加、减），则

    index.wxml中
          `<input type="text" bindinput="handInputThree">
           <button bindtap="handletap" data-operation="{{1}}">+</button>
           <button bindtap="handletap" data-operation="{{-1}}">-</button>
           <view>{{num1}}</view>`
  
    index.js中
          `page({
                 data:{
                        num1:3
                 },
                 handletap(b){
                        const operation=b.currentTarget.dataset.operation;
                        this.setData({
                                num1:this.data.num1+operation
                        })
                 }
           })`

微信小程序之事件绑定

标签：one   view   用户输入   标签   制作   tap   OLE   微信小程序   控制   

原文地址：https://www.cnblogs.com/ijustdoit/p/14710025.html