定义表单验证规则 三步

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