码迷,mamicode.com
首页 > 微信 > 详细

微信小程序之事件绑定

时间:2021-04-28 11:50:08      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!