官方文档:el-form文档
用法依据:自定义校验 callback 必须被调用。 更多高级用法可参考async-validator
export default {
data() {
return {
form: {
phone: ''
},
rules: {
phone: [
{ required: true, message: '请输入手机号' trigger: 'blur' },
// 方法一:
{
validator: (rule, value, cb) => {
if (/^1[3-9]\d{9}$/.test(value)) {
cb()
} else {
cb(new Error('手机号格式错误'))
}
}
},
// 方法二:
{
pattern: /^1[3-9]\d{9}$/,
message: '手机号格式错误'
}
]
}
}
}
}