输入框限制通用方法

1. tool.js文件中

// point 小数点位数
export function inputLimit(e, point) {
  if (point > 0) { //小数 ^(\-)*(\d+)\.(\d{1,3}).*$
    e.target.value = e.target.value.replace(/[^\d.]/g, "")  //清除“数字”和“.”以外的字符
      .replace(/^\./g, "") //验证第一个字符是数字
      .replace(/\.{2,}/g, ".") //只保留第一个. 清除多余的
      .replace(".", "$#$").replace(/\./g, "").replace("$#$", ".")
      .replace(new RegExp(`^(\\-)*(\\d+)\\.(\\d{1,${point}}).*$`), '$1$2.$3');//只能输入两个小数
  } else { //整数
    if (e.target.value.length == 1) {
      e.target.value = e.target.value.replace(/[^0-9]/g, "");
    } else {
      e.target.value = e.target.value.replace(/[^\d]/g, "");
    }
  }
  if (e.target.value.indexOf(".") < 0 && e.target.value != "") { //此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
    e.target.value = parseFloat(e.target.value);
  }
  return e.target.value;
}

2. main.js文件中

import { inputLimit } from "./server/tool"

Vue.prototype.$inputLimit = inputLimit

3. 页面中使用

<!--不传参数表示只能传整数-->
 <Input class="width" v-model="formValidate.duoHoldMax" @input.native="$inputLimit" />

<!--传的第二个参数表示要保留几位小数->
<Input v-model="obj.auditLimit" style="width: 200px; margin: 0 10px" @on-keyup="$inputLimit($event, 10)"/>