限制el-input只能输入数字number类型

581 阅读1分钟

当遇到el-input输入框只允许输入类似排序这样数字的情况

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