美文网首页
2018-08-19

2018-08-19

作者: wantSuper | 来源:发表于2018-08-19 10:19 被阅读0次

    微信小程序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属性。

    相关文章

      网友评论

          本文标题:2018-08-19

          本文链接:https://www.haomeiwen.com/subject/tqzqiftx.html