事件绑定

首先我们要对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
     })
  }

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值