06-输入框限制输入数字（包含小数）

element-ui

方案一

缺点：不能解决小数点前都是0的情况
例：小数点后保留两位小数

<el-input 
  v-model="form.name3" 
  clearable 
  placeholder="请输入应收金额" 
  oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
></el-input>

方案二

缺点：相比第一种较为麻烦一点
例：小数点后保留两位小数

<el-input 
  v-model="form.name3" 
  clearable 
  placeholder="请输入应收金额" 
  @input="NumberCheck"
></el-input>

NumberCheck(num) {
  var str = num;
  var len1 = str.substr(0, 1);
  var len2 = str.substr(1, 1);
  //如果第一位是0，第二位不是点，就用数字把点替换掉
  if (str.length > 1 && len1 == 0 && len2 != ".") {
    str = str.substr(1, 1);
  }
  //第一位不能是.
  if (len1 == ".") {
    str = "";
  }
  //限制只能输入一个小数点
  if (str.indexOf(".") != -1) {
    var str_ = str.substr(str.indexOf(".") + 1);
    if (str_.indexOf(".") != -1) {
      str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
    }
  }
  //正则替换，保留数字和小数点
  str = str.replace(/[^\d^\.]+/g,'')
  //如果需要保留小数点后两位，则用下面公式
  str = str.replace(/([0-9]+\.[0-9]{2})[0-9]*/,"$1");
  this.$nextTick(()=>{
    this.form.name3 = str
  })
}