vue vant/element input输入框，限制两位小数和最大值，千分位展示,设置自定义指令

/**
 * @example
 * v-input-float="{ limit: 1, min: 0, max: 100 }" 只允许输入一位小数
 * @param limit 小数位数
 * @param min 最小值
 * @param max 最大值
 *
 * @since 2021.12.14(千分位展示版本)
 */
export const InputFloat = {
  bind: (el, bind) => {
    const input =
      el.nodeName.toLowerCase() === "input"
        ? el
        : el.getElementsByTagName("input")[0];
    // 改变值过后，需要主动触发input时间，组件绑定的值才会改变
    let triggerBySelf = false;
    if (input) {
      input.addEventListener("input", () => {
        if (triggerBySelf) {
          triggerBySelf = false;
          return;
        }
        // 将千分为值转换成正常的数值，如果input type为number 不需要千分位，可把第一个repalce正则删除
        let val = input.value.replace(/,/gi, "").replace(/[^0-9.]/gi, "");
        // 验证数字
        if (val === "") {
          input.value = "";
          return;
        }
        const valArr = val.split(".");

        if (bind.expression) {
          try {
            const option = bind.value;
            if (typeof option === "object") {
              const { limit, min, max } = option;
              if (limit !== undefined) {
                if (valArr.length > 1) {
                  let pointLength = valArr[1].length;
                  pointLength = limit > pointLength ? pointLength : limit;
                  if (limit > 0) {
                    val =
                      +valArr[0] +
                      (valArr.length > 1
                        ? `.${valArr[1].substr(0, pointLength)}`
                        : "");
                  } else {
                    val = +valArr[0] + "";
                  }
                } else {
                  val = +val + "";
                }
              }
              if (typeof min === "number" && +val < +min) {
                val = min + "";
              }
              // 数值大于最大值，不可再输入
              if (typeof max === "number" && +val > +max) {
                //以下控制显示的最大数为当前输入的可取最大值
                let nVal = val.split(".")[0];
                const pointVal = val.split(".")[1] ? val.split(".")[1] : "";
                const maxStringLength = String(max).split(".")[0].length;
                nVal = nVal.slice(0, maxStringLength);
                val = nVal + "." + pointVal;
                //以下是当值大于最大值 直接赋值为最大值
                // val = max + "";
              }
              //数值转换为千分为，如果不需要千分位展示 可以直接删除
              val = String(val).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
              // 改变值过后，需要主动触发input时间，组件绑定的值才会改变
              const ev = new Event("input", { bubbles: true });
              input.value = val;
              triggerBySelf = true;
              input.dispatchEvent(ev);
            }
          } catch (err) {
            input.value = val;
            console.error(err);
          }
        }
      });
    }
  }
};
//使用
<vant-field
    label="金额"
    type="number"
    placeholder="金额"
    v-model="money"
    v-input-float="{ limit: 2, min: 0, max: 99999999999.99 }"
/>