最近在做小程序方面的需求,在使用过程中遇到一个问题,主要是出现在IOS端
场景
在IOS端 setdata
方法修改 input 框绑定的 value 值,会触发 input 框绑定的 change 事件,但是在change 事件的参数中并没有返回该 value 值
,同时在 input 框并不会显示修改的值。
解决方案
- 在执行
setdata
修改该value值时,添加setTimeout
延迟函数,将setdata
延时大约100ms的样子,亲测可用如下。
changeInputValue() {
setTimeout(() => {
this.setData(
{
userName: '名字',
}
);
}, 100);
},
原因
- 在微信小程序开发者社区中也有类似的问题提出,应该是小程序这边现存的 bug ,截止现在还没有修复该 bug
- 至于为何加入100ms延时有用,只是慢慢试出来的,目前还不清楚具体原因
如果大家有更好的办法,或者清楚其中的原因,希望能评论指教哦。