入力ボックスでは数字の入力のみが制限されており、漢字を入力すると双方向バインドが失敗します。

質問:

vue+要素 UI プロジェクトでは、入力ボックスを整数または小数に制限する必要があることがよくあります。通常、これは次のようになります: ninput="value=value.replace(/^(\d*\.?\d {0,2} " v-model が無効であることがわかることがあります。このような誤操作により、フィールドの検証、最後に入力したデータではないデータの保存など、プログラムにさまざまな問題が発生します。

解決する:

入力ブラー後の再割り当て

入力でブラー イベントが定義されている場合は、メソッドに再割り当てを記述する必要があります。

おすすめ

転載: blog.csdn.net/qq_30893717/article/details/133351044