当遇到el-input输入框只允许输入类似排序这样数字的情况
- 使用
v-model的指令修饰符.number,可以将输入的数据转换为Number类型,否则虽然你输入的是数字.但它的类型其实是String。v-model.number指令只能确保绑定的值是Number类型,但无法直接限制用户输入非数字的情况。 - 添加
@input事件监听输入事件,并使用正则表达式/\D/g来匹配非数字字符,通过使用replace方法,我们将非数字字符替换为空字符串。
<el-input
v-model.number="sort"
@input="(value) => value.replace(/\D/g, '')"
/>