你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

输入框属于金额限制输入整数或最多俩位小数-自定义指令的方式

2021/12/6 17:16:41

使用局部的自定义指令,当然也可以使用全局的指令方式代码是一样的

directives: {
    money: {
    //  更新变化的时候
      update(el) {
      // 获取你绑定的元素下面找到第一个input框
        var newEl = el.getElementsByTagName("input")[0];
        // 默认只能输入整数
        var reg = "^\\d*";‘
        // 查看是否有其他小数的位数 可以设置多个小数的限制
        var value = newEl.getAttribute("precision");
        if (value) {
        //正则多位小数的匹配
          newEl = `^\\d*(\\.?\\d{0,${value}})`;
        }
        //数据过滤
        newEl.value =
          newEl.value.toString().match(new RegExp(reg, "g"))[0] || null;
        if (newEl.value) {
        // 调用input事件
          newEl.dispatchEvent(new Event("input"));
        }
      },
    },
  },