微信小程序事件绑定和点击事件

互联网 2021/10/20 20:41:59

<input type="" bindinput="handleInput"></input><button bindtap="handtap" data-operation="{{1}}">+</button><button bindtap="handtap" data-operation="{{-1}}">-<…

<input type="" bindinput="handleInput"></input>
<button bindtap="handtap" data-operation="{{1}}">+</button>
<button bindtap="handtap" data-operation="{{-1}}">-</button>
<view> {{num}}</view>

 

Page({

/**
* 页面的初始数据
*/
data: {
num:0
},
// 输入框的input事件的执行逻辑
handleInput(e){
// console.log(e.detail.value);
this.setData({
num:e.detail.value
})
},
// 加 减 按钮的事件
handtap(e){
// console.log(e);
// 1 获取自定义属性 operation
const operation = e.currentTarget.dataset.operation;
this.setData({
num: parseInt(this.data.num) + operation
})
}
})

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[微信小程序事件绑定和点击事件]http://www.zyiz.net/tech/detail-244394.html

上一篇:【黄啊码】微信小程序接入腾讯地图实现导航功能

下一篇:1.微信小程序区分 开发、体验(测试)、生产环境

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程