關(guān)于element的輸入框el-input限輸入只能是數(shù)字，就是包括數(shù)字123456,小數(shù)的只能一個小數(shù)點，不能出現(xiàn)多個小數(shù)點，小數(shù)可以0開頭，但是整數(shù)不能0開頭，不能輸入文字，不能輸入負(fù)數(shù)，所以對于這個我做了兩個判斷，一個是正則判斷，還有一個是0開頭的整數(shù)判斷，正則判斷是只能輸入數(shù)字，只能輸入一個小數(shù)點，不能輸入負(fù)數(shù)，整數(shù)判斷是input輸入失去焦點的時候，如果是小數(shù)0.開頭的不管，但是如果不是0.開頭的就要把第一個數(shù)字0去掉。代碼如下：文章來源：http://www.zghlxwxcb.cn/news/detail-518690.html
<template>
<el-input
class="input-num"
v-model="num"
placeholder="請輸入投喂量"
@blur="getValueData"
onkeyup="this.value = this.value.replace(/[^\d.]/g,'').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^\./g, '')"
>
</el-input>
</template>
<script>
data:{
num:0,
},
methods:{
// 這操作是如果是小數(shù)0點多，那就不理它，但是如果是0+一個數(shù)字，那么就把這個0去掉
getValueData() {
if (this.num) {
let a = this.num.substring(0, 1);
let b = this.num.substring(1, 2);
if (a == '0' && b != '.') {
this.num = this.num.slice(1);
}
}
},
}
</script>
以上是我自己的對于輸入整數(shù)的處理方式，可能比較復(fù)雜一點，我也知道肯定有對應(yīng)的正則表達(dá)式更簡單處理，所以以上方法只能作為參考。文章來源地址http://www.zghlxwxcb.cn/news/detail-518690.html
到了這里，關(guān)于關(guān)于vue的element的輸入框el-input限輸入只能是數(shù)字，包含小數(shù)，正數(shù)，自然數(shù)等等。的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
