微信小程序之比较大小——为input绑定相同的事件处理函数，通过id进行区分

最新推荐文章于 2024-09-19 17:33:48 发布

穿上外套的糖果果

最新推荐文章于 2024-09-19 17:33:48 发布

阅读量1.1k

点赞数

文章标签：微信小程序小程序前端微信

本文链接：https://blog.csdn.net/weixin_51867321/article/details/122172573

版权

本文介绍如何在微信小程序中为多个input元素绑定相同的事件处理函数，通过id进行区分，实现比较大小的功能。示例代码包括WXML、WXSS和JS部分。

摘要由CSDN通过智能技术生成

这是实现比较大小功能的第二种方法！！！

index.wxml:

<view>
<text>请输入第1个数值：</text>
<input id="num1"   type="number" bindinput="numValue" />
</view>
<view>
<text>请输入第2个数值：</text>
<input id="num2"  type="number"  bindinput="numValue" />
</view>
<button bindtap="compare">比较</button>
<view >
<text>比较结果：{
  {result}}</text>
</view>

index.wxss:

view,button{margin:30rpx;}
view.title{text-align: center;color:red;font-size: 50rpx;}
input{border: 1px solid #ccc;margin-top: 10px;height: 80rpx;}
button{background-color: blue;}

index.js：

Page({
  data: {
    result:''
  },
  num1:0,
  num2:0,
  numValue:function(e){
    this[e.currentTarget.id]=Number(e.detail.value)
  },
  compare:func