微信小程序之input组件setData修改值触发bindinput事件

本文详细描述了在微信小程序中实现自动补全功能时遇到的bug:在预览和上传代码后,点击补全内容导致input值被错误地更改并触发bindinput事件。通过定义flag并在input事件中进行条件判断,成功解决了这一问题。
摘要由CSDN通过智能技术生成

踩坑过程:

 在做自动补全功能(输入内容发起请求,请求结果可供用户点击)时,微信开发者工具和真机调试时一起正常。预览与代码上传后出现点击补全内容时,input中的内容被更改,且触发了bindinput事件 ,input 值 被还原 (安卓机)。

解决思路:

  • 准确的定位bug发生的场景

  • 了解input 事件触发事件

  • 利用input 事件解决问题

解决办法:

  • 定义flag , 在input 事件中修改其值,不需要主动setData 时 直接return

 

input 事件:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值