目录
一 . 表单验证的基本使用
1:el-form
model:数据
rules:规则
ref:form用于获取实例对象
el-form-item
prop:需要验证项的字段名
label:标题
表单元素 v-model绑定
rules:{
prop的值:【
{required:true,message:"必填",trigger:'change/blur'},
{min:最小长度,max:最大长度,message:错误信息,trigger:'change/blur'},
{validator:(rule,value,callback)=>{
value:当前验证项的值
callback:验证成功 callback()
验证失败:callback(new Error('错误信息'))
},trigger:"change/blur"}
】
}
全局表单验证
this.$refs.form.validate((result)=>{
result:验证结果
true:验证成功
false:验证失败
})
局部表单验证
this.$refs.form.validateField([prop的值],(errorMessage)=>{
errorMessage:错误信息
有错误说明验证失败
没有,说明验证成功
})
二 . token失效
登录时的回跳处理
退出登录
路由
路由:指向,把一个地址指向对应一个组件
router:路由的实例化对象,管理整个路由
route:提供当前路由的基