Vue.js 限制只能输入金额的输入框

import Vue from ‘vue’
// 自定义名字enterMoney
Vue.directive(‘enterMoney’, {
inserted: function(el) {
el.addEventListener(‘keypress’, function(e) {
e = e || window.event
const charcode = typeof e.charCode === ‘number’ ? e.charCode : e.keyCode
const re = /\d/
if (charcode === 46) {
// el.children[0].value是配合了el-input输入框使用的，使用input输入框时直接用el.value
// 只能输入一个小数点，超过一个则禁止输入
if (el.children[0].value.includes(’.’)) {
e.preventDefault()
}
return
} else if (!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey) {
if (e.preventDefault) {
e.preventDefault()
} else {
e.returnValue = false
}
}
})
}
})