vue指令实现对输入框字符过滤

Vue.directive('regFilter', {
    inserted: function (el, binding) {
        if (!binding.value || binding.value.length !== 3) return
        let rules = binding.value[0].split(',')
        let obj = binding.value[1]
        let field = binding.value[2]
        el.oninput = () => {
            // console.log('obj[field]', obj[field])
            let warnings = rules.reduce((pre, cur) => {
                let c = obj[field].match(regTyps[cur])
                return pre + (c ? c.join('') : '')
            }, '')
            // console.log('warnings', warnings)
            if (warnings) {
                warnings = Array.from(new Set(warnings.split(''))).join('')
                vue.$message.destroy()
                vue.$message.warning(`${vue.$t('common.cannotInput')} ${warnings}`)
                rules.forEach(rule => {
                    obj[field] = obj[field].replace(regTyps[rule], '')
                })
            }
        }
    },
    unbind: function (el) {
        el.oninput = null
    }
})