vue 数字处理规则 正整数 小数长度限制 整数长度限制

规则

// 数字处理规则 小数位
inputHandle(value, options) {
    let {
      obj, // 对象
      key, // 修改的值对应key
      decimalsLen = 2, // 小数位长度 0 正整数
      intLen = 0 // 整数位长度限制 0 不限制
    } = options
    let dIndex = value.indexOf('.')

    // 非数字处理
    if (isNaN(value)) {
      return obj[key] = null
    }

    // 正整数
    let [start, end] = value.split('.')
    if (!decimalsLen) value = start


    // 整数位长度限制 正整数
    if (intLen && start.length > intLen) {
      value = value.slice(0, intLen)
      if (dIndex >= 0 && decimalsLen) value += '.';
      if (end) value += end
    }

    // 小数位长度限制
    if (dIndex > 0) {
      value = value.slice(0, dIndex + decimalsLen + 1)
    }

    obj[key] = value
  },

使用

7位数字支持小数点后两位

<el-input v-model="ruleForm.inlandfirst" @input="inputHandle($event, {
   obj:ruleForm, 
   key:'inlandfirst',
   decimalsLen: 2,
   intLen: 7
})"

7位整数

<el-input v-model="ruleForm.inlandfirst" @input="inputHandle($event, {
   obj:ruleForm, 
   key:'inlandfirst',
   decimalsLen: 0,
   intLen: 7
})"