举个例子
<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里面的第一个参数是正则,意思是和正则匹配的输入会被替换,这里被空字符串替换,这样在按下非数字键的时候,是会被替换,然后输入框里面的效果就是输入不了非数字。
来源:https://www.cnblogs.com/pzw23/p/12284579.html