首先我们要对input标签绑定一个input事件
<input type="text" />
==/==这个不要漏写
确认关键字为bindinput
先是在wxml中编辑
<input type="text" bindinput="一个自定义的名字m" />
后在js中编辑
(编辑的内容与data同等级)
m(e){
console.log(e);
}
如何将输入框中的数据获取(也就是将获取的数据放入data中
也就是要对data中进行赋值,主要是通过对象来赋值的
m(e){
this.setData({
num:e.detail.value
})
}
要注意的点是setData后面是括号
加减按钮
首先我们就是先编辑两个简单的按钮
<button>+</button>
<button>-</button>
接下来就是设置一个点击事件
点击事件为bindtap
由于无法通过小程序的事件进行传参
所以需要通过自定义属性的方式进行传参
在事件源中获得自定义属性
先在wxml文件中编辑
<button bindtap="handlettap" data-operation="{{1}}">+</button>
<button bindtap="handlettap" data-operation="{{-1}}">-</button>
<view>{{num}}</view>
接下来在js文件中编辑
handlettap(e){
const operation=e.currentTarget.dataset.operation;
将取的值赋值给num
this.setData({
num:this.data.num+operation
})
}