省流
script:文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-662418.html
directives: {
regexp: {
inserted: (el, binding, vnode) => {
let composition = false
const formatValue = function (e) {
if (composition) return
// vnode.componentInstance組件實(shí)例
vnode.componentInstance.$emit('input', e.target.value.replace(/[^\u4e00-\u9fa5a-zA-Z0-9/]/g, ''))
}
el.oninput = formatValue
// 請(qǐng)務(wù)必使用addEventListenner，不信邪你試試el.oncompositionstart
el.addEventListener('compositionstart', () => { composition = true })
el.addEventListener('compositionend', e => {
composition = false
formatValue(e)
})
}
}
}
template:文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-662418.html
<el-input v-regexp />
有問(wèn)題歡迎指出
到了這里，關(guān)于el-input添加自定義指令只允許輸入中文/英文/數(shù)字，兼容輸入法事件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
