vue的input输入框限制输入

不打扰是莪最后的温柔 提交于 2020-02-08 20:27:09

举个例子

        <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里面的第一个参数是正则,意思是和正则匹配的输入会被替换,这里被空字符串替换,这样在按下非数字键的时候,是会被替换,然后输入框里面的效果就是输入不了非数字

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!