vue 自定义指令 input限制输入金额

html 部分

<el-input v-enter-money v-model="money"></el-input>

---

js 部分

import Vue from "vue";

Vue.directive("enterMoney", { // 自定义指令名字 v-enter-money
  bind: function(el, { value = 2 }) {
    el = el.nodeName == "INPUT" ? el : el.children[0];
    let RegStr =
      value == 0
        ? `^[\\+\\-]?\\d+\\d{0,0}`
        : `^[\\+\\-]?\\d+\\.?\\d{0,${value}}`;
    el.addEventListener("keyup", function() {
      el.value = el.value.match(new RegExp(RegStr, "g"));
      el.dispatchEvent(new Event("input"));
    });
  }
});