1.定义验证规则 rules
export default {
data(){
return{
rules:{
字段名:[
{required:true,message:'此项为必填项',trigger:'blur'},
{min:1,max:6,message:'字段为1-6位'}
]
}
}
}
}
2.配置模板，应用规则
(1).给表单设置rules属性传入验证规则
(2).给表单设置model属性，传入表单数据
(3).给表单中的元素设置prop属性，其值是需要校验的字段名
验证规则.png
3.手动兜底验证
手动兜底验证.png
