前臺(tái)限制一下el-input輸入正整數(shù)。
MDN-input-type-list查看類型默認(rèn)特性
// input標(biāo)簽
<el-input type="number"
v-model="form.test"
prop="test"
placeholder="請輸入"
@mousewheel.native.prevent
@keyup.native="prevent($event)"></el-input>
- 添加 type="number"避免禁止非數(shù)字輸入
- @mousewheel.native.prevent 禁止type="number"時(shí)滾輪改變數(shù)字行為
-
css隱藏type="number"時(shí)出現(xiàn)的改變數(shù)字按鈕
默認(rèn)的上下箭頭 - @keyup.native="prevent($event)" 監(jiān)控按鈕行為，當(dāng)按下"-","."時(shí)提示，并重置輸入。（還有其他辦法，見參考）
prevent(e){
var keynum = window.event ? e.keyCode : e.which; //獲取鍵盤碼
if (keynum ==189|| keynum==190||keynum == 109 ||keynum == 110 ) {
this.$message.warning('禁止輸入小數(shù)以及負(fù)數(shù)')
e.target.value = ''
}
}
以上就完成了限制el-input輸入正整數(shù)的功能。
