2018-08-19

2018-08-19  本文已影响0人  wantSuper

微信小程序input组件bindflur事件真机获取不到input值得问题测试

“闲来无事不从容,睡觉东窗日已红”。

闲来无事是真,东窗日红就不那么应景儿了。一连两天的雨无不向人们宣告着秋季的到来。而此刻我颇有一番“卧听萧萧雨打窗”的舒适姿态。忽而记起昨日工作中遇到的一问题,遂起笔书之。

微信小程序开发中,应用了一个modal框,其内包含有一个input组件。点击modal框确定时,需获取到input的输入值传入后台判断,此时采用的是input的bindblur属性(输入框失去焦点时触发,event.detail = {value: value})。微信开发工具上可以实现,真机测试时不行。一番折腾,发现是真机上无法获取到inpu值。代码中data的modaObj为{showModal:false,modalValue:''}。

今日测试,发现可以取到此值。可能是setData有问题,待明日公司查看。

待更ing

续更~~~~

今日发现原因是赋值是直接使用this.setData(modalObj:{showModal:false})以致于缺少了modalObj.modalValue属性。

经改正,可以正常取值。但是由于使用bindblur需要输入框失去焦点时触发赋值函数,所以点击确定按钮第一次会娶不到值,所以需要换为input的bindinput属性。

上一篇下一篇

猜你喜欢

热点阅读