element el-input 只能输入数字,限制最大最小,小数位数

把方法封装在公共的js里面

/**
 * 输入框限制输入 只允许输入数字
 * value 数值 必填
 * max 最大值 选填
 * min 最小值 选填
 * length 小数点保留位数 选填
 * isBlur 失去焦点触发
 */
export function limitInputNumber(value, max = null, min = null, length = null, isBlur = false, isMoney = false) {
  if (!value && value !== 0) {
    return min >= 0 ? min : null;
  }
  //是否需要保留小数
  value = value.toString();
  if (!length) {
    if (max < 0 || min < 0) {
      value = value.replace(/[^\-\d]+/g, '')
    } else {
      value = value.replace(/[^0-9]/ig, "")
    }
  } else {
    // 保留数字和小数点
    if (max < 0 || min < 0) {
      value = value.replace(/[^\-\d^\.]+/g, '')
    } else {
      value = value.replace(/[^\d^\.]+/g, '')
    }
    if (value.indexOf('.') > 0) {
      value = value.slice(0, value.indexOf('.') + (length + 1));
    } else if (value.indexOf('.') === 0 && value.length === 1) {
      value = 0 + value;
    } else if (value.indexOf('.') === value.length - 1 && value.length != 0 && isBlur) {
      value = value.substring(0, value.length - 1);
    }
  }
  if (max) {
    max = Number(max);
    let tempValue = Number(value);
    if (tempValue > max) {
      value = max;
    }
  }
  if (min) {
    min = Number(min);
    let tempValue = Number(value);
    if (tempValue < min) {
      value = min;
    }
  }
  if (isMoney) {
    for (var i = 0; i < value.length; i++) {
      if (value[i] === '.') {
        break
      }
      if (value[i] == 0 && value[i + 1] !== '.' && i == 0) {
        value = value.slice(i + 1, value.length - 1)
        i--
      }
    }
  }
  if (isBlur) {
    return Number(value);
  } else {
    return value;
  }
}

使用方法

methods:

 changePaidAmount(e) {
      this.payMoneyProps.params.paidAmount = this.$limitInputNumber(
        e,
        this.summary.periodicArrears,
        0,
        2
      );
      this.$forceUpdate();
    },