赞
踩
小程序中绑定事件,通过bind关键字来实现。如:bindtap、bindinput、bindchange等.
不同的组件支持不同的事件,具体看组件的说明即可。
注意:无法在小程序当中的事件中直接传递参数,需要通过自定义属性的方式来传递参数
- <input value="" bindinput="handleInputMethod"/>
- <button bindtap="handleClickMethod" data-operation="{{-1}}">-1</button>
- <button bindtap="handleClickMethod" data-operation="{{1}}">+1</button>
- <view>{{num}}</view>
-
- // pages/search/search.js
- Page({
- /**
- * 页面的初始数据
- */
- data: {
- num: 1
- },
- //处理input标签数据输入的方法
- handleInputMethod(e){
- console.log('handleInputMethod')
- console.log(e)
- this.setData({
- num: e.detail.value
- })
- },
- //处理点击+1,-1按钮
- handleClickMethod(e){
- console.log(e)
- //获取自定义属性 operation
- console.log(e.currentTarget.dataset.operation)
- this.setData({
- num: this.data.num + e.currentTarget.dataset.operation
- })
- },
- })
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。