IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题
先上图:
可以看到输入框中的内容和弹出框的内容不一致,
<input class="am-fr labRight" id="txcode" type="text" placeholder="请输入纳税人识别号" v-model="invBuyer.TaxCode" />
文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行,
导致问题出现的原因是IOS自带输入法输入中文时不触发KEYUP事件,因为不触发KEYUP事件,导致文本框最后一个字符没有执行双向绑定,
Vue双向绑定原理会在下篇文章中分析
解决方法:
1.在提交前手工去执行KEYUP事件。
2.使用js判断值是否一致,不一致把js文本框值赋值给vue绑定值。
if(that.invBuyer.TaxCode!=$('#txcode').val()){that.invBuyer.TaxCode=$('#txcode').val();
}
以上是 IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题 的全部内容, 来源链接: utcz.com/z/378120.html