省流
script:文章来源:https://www.toymoban.com/news/detail-662418.html
directives: {
regexp: {
inserted: (el, binding, vnode) => {
let composition = false
const formatValue = function (e) {
if (composition) return
// vnode.componentInstance组件实例
vnode.componentInstance.$emit('input', e.target.value.replace(/[^\u4e00-\u9fa5a-zA-Z0-9/]/g, ''))
}
el.oninput = formatValue
// 请务必使用addEventListenner,不信邪你试试el.oncompositionstart
el.addEventListener('compositionstart', () => { composition = true })
el.addEventListener('compositionend', e => {
composition = false
formatValue(e)
})
}
}
}
template:文章来源地址https://www.toymoban.com/news/detail-662418.html
<el-input v-regexp />
有问题欢迎指出
到了这里,关于el-input添加自定义指令只允许输入中文/英文/数字,兼容输入法事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!