路由独立守卫,顾名思义,就是这个路由自己的守卫任务。就像我们的LOL一样,我们守护着一条独立的路,保证我们的路不会被敌人征服(当然我们要和团打)
官方定义如下:可以在路由配置中直接定义beforeEnter防护,这些防护的方法参数与全局预防护相同。
const router的参数=new vue router({ route :[{ path 3360 '/foo ',component3360foo,beforeenter3360 (to,from,next)={//.}})如下:
在进入(到、从、下)//到要进入的目的地之前,从当前导航即将离开的路线///下一个出发的路线对象//最初被认为是显示页面;(是否显示跳转页)next()//直接跳转到TO next指示的路由(false) //中断当前路由next('route') //跳转到指定路由next('error') //跳转到错误的路由我们这里用一个案例来演示它的用法;案例中,独立路由独立检测是否处于登录状态,不登录弹出登录界面,与全局登录效果一致,只是保留自身;
从“Vue”导入Vue;从“vue-router”导入VueRoutervue . use(VueRouter);从“”导入索引。/Index/Index.vue“从导入AA”。/view/aa . vue“从导入DD”。/view/DD . vue“从导入EE”。/view/ee . vue ' export default { routes :[{ path : '/',component: Index,name: 'index ',children: [ { path: 'AA ',component: AA,name : ' AA ',然后输入3360 (to,from,next)={if (to)。path=='/DD') {next ()} else {alert('请登录');next('/DD') } } },{ path: 'DD ',component: DD,name: 'dd' },{ path: 'EE ',component: EE,name: 'ee' },]} } }
把源地址发给每个人,https://gitee.com/web94/vueluyouduxiangshouwei
摘要
以上是边肖推出的Vue路由保护的独家路由保护。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!