利用动态增减表单验证的方法
export default {
data() {
return {
rules: {
age: [{ required: true, message: "请输入年龄", trigger: "blur" }]
}
}
}
},
methods() {
isAdult() {
this.rules.age.push({
validator: (rule, value, callback) => {
if (value > 18) {
setTimeout(() => {
callback()
}, 1000)
} else {
callback(new Error('您还未成年!'))
}
},
trigger: 'blur'
})
// 手动校验
dom.validateField('age', valid => {
if (valid) {
console.log('success!');
} else {
console.log('error!');
}
})
// 后续若不使用记得删除
this.rules.schema = this.rules.schema.slice(1, 2)
}
}