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 }"
/>