微信小程序开发Js获取button的值并实时显示在input上
html代码
方式一
<button bindtap="numBtn" class="bt" data-text="1">1</button>
方式二
<view hover-class="bg" bindtap="numBtn" data-val="1">1</view>
JS代码
方式一
var num = e.target.dataset.text
方式二
var num = e.target.dataset.val
获取之后在input上实时显示
<view class="result-num">{
{num}}</view>
js
Page({
data: {
num:0,
},
numBtn:function(e){
var num = e.target.dataset.val
this.setData({
num: this.data.num + num
})
}
})
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序的介绍与环境配置