vue v-model用到了number修饰符,一直输入数字就会变成无穷大的显示，解决方法如下

vue v-model用到了number修饰符,一直输入数字就会变成无穷大的显示，解决方法如下错误效果样式解决方法（1）如果限制字数就可以直接解决，输入到你需要的字数就不能再输入，就不会出现infinity。<el-input v-model.number="value2" placeholder="请输入模板编号" show-word-limit maxlength="10"">&l

睡大觉啦

3664人浏览 · 2022-03-15 14:05:18

睡大觉啦 · 2022-03-15 14:05:18 发布

vue v-model用到了number修饰符,一直输入数字就会变成无穷大的显示，解决方法如下

错误效果样式
解决方法
（1）如果限制字数就可以直接解决，输入到你需要的字数就不能再输入，就不会出现infinity。

<el-input v-model.number="value2" placeholder="请输入模板编号" show-word-limit maxlength="10""></el-input>

（2）如果没有字数限制，就使用下面的方法来解决只能输入数字的问题，同时也不使用number修饰符，下面的方法如果输入的不是数字就会直接清空。

<el-input v-model="value2" placeholder="请输入模板编号" onkeyup="this.value=this.value.replace(/[^\d]/g,'')></el-input>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^