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
}
})
12-07
3316
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
11-12
438
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-29