el-input限制输入框的数据类型

1、el-input输入框只允许输入整数

 <el-input placeholder="排序" v-model="entity.sort" size="small" @input="value => entity.sort=value.replace(/[^\d]/g,'')" maxlength="9"></el-input>

2、el-input输入框只允许输入指定位数的浮点数和指定位数的小数

例如，只允许输入8位整数2位小数，添加如下方法：

oninput (obj,name) {
      // 先把非数字的都替换掉，除了数字和 .
      this[obj][name] = this[obj][name].replace(/[^\d.]/g, "")
      // 保证只有出现一个 . 而没有多个 .
      this[obj][name] = this[obj][name].replace(/\.{2,}/g, ".")
      // 必须保证第一个为数字而不是 .
      this[obj][name] = this[obj][name].replace(/^\./g, "")
      // 第一位数不能输入0
      this[obj][name] = this[obj][name].replace(/^0[0-9]*/g, '')
      // 保证 . 只出现一次，而不能出现两次以上
      this[obj][name] = this[obj][name]
        .replace(".", "$#$")
        .replace(/\./g, "")
        .replace("$#$", ".")
      // 只能输入 2 位小数
      this[obj][name] = this[obj][name].replace(
        /^(\\-)*(\d+)\.(\d\d).*$/,
        "$1$2.$3"
      )
      // 8是允许输入的整数最大位数，2是允许输入的小数最大位数
      this[obj][name] = this[obj][name].replace(
        /^\D*(\d{0,8}(?:\.\d{0,2})?).*$/g,
        "$1"
      )
    },

控件如下：

<el-input type="number" placeholder="金额" v-model="entity.amount" size="small" @input="oninput('entity','amount')"></el-input>

3、el-input输入框禁止输入特殊字符

在main.js中添加如下代码

Vue.prototype.validSe = function (value, number = 255) {
  value = value.replace(/[`～*~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/g, '').replace(/\s/g, "");
  if (value.length >= number) {
  this.$message({
  type: "warning",
  message: `输入内容不能超过${number}个字符`
  });
  }
  return value;
  };

el-input控件如下，第二个参数10是限制输入的最大字符数

<el-input placeholder="名称" v-model="entity.name" @input='e => entity.name = validSe (e,10)'></el-input>