当前位置:   article > 正文

7. 小程序的事件绑定_小程序 bindinput 相当于vue的什么事件

小程序 bindinput 相当于vue的什么事件

小程序中绑定事件,通过bind关键字来实现。如:bindtap、bindinput、bindchange等.

  1. bindtap 相当于 vue中的@click点击事件
  2. bindtab 是输入框输入事件
  3. bindchange 是

不同的组件支持不同的事件,具体看组件的说明即可。

注意:无法在小程序当中的事件中直接传递参数,需要通过自定义属性的方式来传递参数

  1. <input value="" bindinput="handleInputMethod"/>
  2. <button bindtap="handleClickMethod" data-operation="{{-1}}">-1</button>
  3. <button bindtap="handleClickMethod" data-operation="{{1}}">+1</button>
  4. <view>{{num}}</view>
  5. // pages/search/search.js
  6. Page({
  7. /**
  8. * 页面的初始数据
  9. */
  10. data: {
  11. num: 1
  12. },
  13. //处理input标签数据输入的方法
  14. handleInputMethod(e){
  15. console.log('handleInputMethod')
  16. console.log(e)
  17. this.setData({
  18. num: e.detail.value
  19. })
  20. },
  21. //处理点击+1,-1按钮
  22. handleClickMethod(e){
  23. console.log(e)
  24. //获取自定义属性 operation
  25. console.log(e.currentTarget.dataset.operation)
  26. this.setData({
  27. num: this.data.num + e.currentTarget.dataset.operation
  28. })
  29. },
  30. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/218924
推荐阅读
相关标签
  

闽ICP备14008679号