IOS內建IME中文不觸發KEYUP事件導致vue雙向繫結錯誤問題

標籤：技術   nbsp   png   roi   不一致   輸入框   賦值   中文   src   

先：

 

可以看到輸入框中的內容和彈出框的內容不一致，

<input  class="am-fr labRight" id="txcode" type="text" placeholder="請輸入納稅人識別號"  v-model="invBuyer.TaxCode" />

文字框使用的是vue的v-model雙向繫結，在android中是ok的，在IOS上不行，

導致問題出現的原因是IOS內建IME輸入中文時不觸發KEYUP事件，因為不觸發KEYUP事件，導致文字框最後一個字元沒有執行雙向繫結，

Vue雙向繫結原理會在下篇文章中分析

解決方案：

1.在提交前手工去執行KEYUP事件。

2.使用js判斷值是否一致，不一致把js文字框值賦值給vue綁定值。

if(that.invBuyer.TaxCode!=$(‘#txcode‘).val()){       that.invBuyer.TaxCode=$(‘#txcode‘).val();}

 

IOS內建IME中文不觸發KEYUP事件導致vue雙向繫結錯誤問題