舉個例子
<el-form-item v-show="editable" label="駐粵人數" prop="zyNum"> <el-input v-model="form.zyNum" v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')" /> </el-form-item>
其中能起限制輸入的是:
v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')"
vue中input輸入框限制輸入是用v-on:input
replace里面的第一個參數是正則,意思是和正則匹配的輸入會被替換,這里被空字符串替換,這樣在按下非數字鍵的時候,是會被替換,然后輸入框里面的效果就是輸入不了非數字。