微信小程序事件绑定-数字加一减一简单执行

本文介绍了一个简单的微信小程序计算器的实现过程,包括如何通过wxml和js文件实现数字输入、加减运算等功能。

需要实现的基本功能是:

  • 可以输入数字并在下端显示出来
  • 存在加减button 按一下加一或减一

首先是分为两部分 demo.wxml 与 demo.js

  1. demo.wxml中输入 //将input 与handleinput绑定 同时在demo.js中 handleinput(e){ this.setData ({num:e.detail.value})} //获取事件源的数字

  2. demo.wxml中输入
    +
    -
    //因为微信小程序中不能直接传参 所以通过自定义传参类型
    在demo.js中输入 handletap(e){ const operation=e.currentTarget.dataset.operation;
    this.setData({ num:this.data.num+operation})}

    //通过获取事件源数字 再进行数字相应加操作数并传回给Num

    demo.wxml
    demo.js

评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值