使用局部的自定义指令,当然也可以使用全局的指令方式代码是一样的
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"));
}
},
},
},
