火狐中 沒有input type=number這個設置,所以可以隨機輸入英文
解決方式:設置type爲text類型,只能輸入數字,字母會自動刪除
<input type=‘text’ @input=“inputText” v-model=“value”/>
// 封裝函數
function compaNumber(obj) {
let loanNumber = obj.target.value.replace(/[^\d.]/g, '');
// 通過正則過濾小數點後兩位
if (loanNumber.toString() !== (loanNumber.match(/^\d*(\.?\d{0,2})/g)[0])) {
loanNumber = (loanNumber.match(/^\d*(\.?\d{0,2})/g)[0]) || null
}
return loanNumber;
}
頁面中引用時
inputText(e){this.value=compaNumber(e)}