頁面:
<input v-model="xxx" v-focus/>
方法:
directives: {
// 注冊一個局部的自定義指令 v-focus
focus: {
// 指令的定義
inserted: function(el, validateStr) {
el.addEventListener("input", function() {
//進行驗證
checkedfun(el);
});
function checkedfun(el) {
let reg = new RegExp("^[0-9]*$");
if (!reg.test(el.value)) {
el.value = el.value.replace(/[^0-9]+/g, "");
el.dispatchEvent(new Event("input"));//調用input事件使vue v-model綁定更新
}
}
}
}
}