微信小程序(一)事件绑定

2021/8/2 17:07:42

本文主要是介绍微信小程序(一)事件绑定,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

bind.....

绑定输入事件:bindinput

<input type="text" bindinput="showdata"/>

微信小程序中的赋值不可以直接this.data的形式

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

绑定点击事件(手机上):bindtap

注:无法在小程序中的方法直接传参handletap(1)这样的方法不行

需要自定义参数通过data-operation来传参(operation名字可自定义)

 <button bindtap="handletap" data-operation="{{1}}">+</button>
  <button bindtap="handletap" data-operation="{{-1}}">-</button>

获取data中的值需要this.data.XXX

设置data里的值需要用this.setData({XXX:XX})的方式

handletap(e) {
    // console.log(e);
    const operation = e.currentTarget.dataset.operation
    this.setData({
      num:this.data.num + operation
    })
  },

 



这篇关于微信小程序(一)事件绑定的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程