鍍金池/ 問答/Linux  HTML/ vue 中 input 限制最多2位小數(shù)，功能實現(xiàn)了，但是有小瑕疵

vue 中 input 限制最多2位小數(shù)，功能實現(xiàn)了，但是有小瑕疵

在vue中有個input 我使用v-model 以及watch 獲取輸入的數(shù)字，然后現(xiàn)在最多輸入2位小數(shù)
雖然功能實現(xiàn)了，但是在輸入的時候，實際上是可以輸入3位小數(shù)的，只不過我通過watch 截取了輸入的數(shù)據(jù)，重新賦值，達到最多2位小數(shù)的需求，但是在輸入的過程中，輸入的數(shù)據(jù)一直閃...體驗不太好

請問，對于這類需求，有其他的解決方案么？ vue中使用的

圖片描述

圖片描述

回答
編輯回答
我不懂

你可以不實時監(jiān)控計算啊。你在input失去焦點事件的時候，對輸入的數(shù)據(jù)進行一個過濾就行了。

2018年9月16日 23:12
編輯回答
別硬撐

實現(xiàn)想不出來解決方法了

2017年7月21日 23:54
編輯回答
愛礙唉

方法一：可以用綁定鍵盤事件處理，watch 的話，需要input的value變化之后才會執(zhí)行你的方法，所以輸入會閃。可以再監(jiān)聽keydown事件，在如果滿足兩個小數(shù)點，就直接return。
方法二：通過input 的 maxlength 限制輸入，在輸入小數(shù)點后一位時，改變maxlength為當前長度+1

2018年7月18日 09:39
編輯回答
晚風眠

給input的max length綁定數(shù)據(jù)，碰到有小數(shù)點就統(tǒng)計整數(shù)位+3？ 沒實踐 可以試一下

2017年9月10日 05:46
編輯回答
病癮

自己模擬個輸入框，光標。然后監(jiān)聽按鍵按下- -

2017年8月25日 23:14