el-input 只能输入整数（包括正数、负数、0）或者只能输入整数（包括正数、负数、0）和小数

本文链接：https://blog.csdn.net/bsegebr/article/details/126071096

本文介绍了如何使用正则表达式限制`el-input`输入，涵盖正整数、负整数、小数等各种情况，包括保留特定位数的小数。详细列举了各种场景下的正则实现，并提供了学习正则表达式的资源链接。

摘要由CSDN通过智能技术生成

el-input标签即使使用type=number或者v-model.number属性，可能也没有完全符合我们想要的结果，所以下面手动写正则表达式

<el-input v-model="height" placeholder="请输入" @input="handleEdit" />

el-input 只能输入正整数（包括0）

// 在 Input 值改变时触发
handleEdit(e) {
      let value = e.replace(/[^d]/g, ""); // 只能输入数字
      value = value.replace(/^0+(d)/, "$1"); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
      value = value.replace(/(d{15})d*/, '$1') // 最多保留15位整数
      this.height = value
}

el-input 只能输入正整数（不包括0）

// 在 Input 值改变时触发
handleEdit(e) {
      let value = e.replace(/^(0+)|[^d]+/g,''); // 以0开头或者输入非数字，会被替换成空
      value = value.replace(/(d{15})d*/, '$1') // 最多保留15位整数
      this.height = value
}

el-input 只能输入负整数（包括0）

// 在 Input 值改变时触发
handleEdit(e) {
      let value = e.replace(/[^-d]/g, ""); // 只能输入-和数字
      value = value.replace(/^[1-9]/g, ""); // 不能以1-9开头
      value = value.replace(/-{2,}/g, "-"); // -只能保留一个
      value = value.replace(/(d)-/g, "$1"); // 数字后面不能接-，不能出现类似-11-2,12-，11-23
      value = value.replace(/-(0+)/g, "0"); // 不能出现-0,-001,-0001类似
      value = value.replace(/^0+(d)/, "0");