网络编程 
首页 > 网络编程 > 浏览文章

Vue路由守卫之路由独享守卫

(编辑:jimmy 日期: 2024/5/8 浏览:3 次 )

路由独立守卫,顾名思义就是这个路由自己的守卫任务,就如同咱们LOL,我们守卫的就是独立一条路,保证我们这条路不要被敌人攻克(当然我们也得打团配合)

在官方定义是这样说的:你可以在路由配置上直接定义 beforeEnter 守卫,这些守卫与全局前置守卫的方法参数是一样的。

const router = new VueRouter({
 routes: [
  {
   path: '/foo',
   component: Foo,
   beforeEnter: (to, from, next) => {
    // ...
   }
  }
 ]
})

参数如下:

beforeEnter(to,from,next)
// to  要进入的目标,路由对象
// from 当前导航正要离开的路由
// next 初步认为是展示页面;(是否显示跳转页面)
"htmlcode">
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
"text-align: center">Vue路由守卫之路由独享守卫 

为大家附上源码地址https://gitee.com/web94/vueluyouduxiangshouwei

总结

以上所述是小编给大家介绍的Vue路由守卫之路由独享守卫,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

上一篇:JavaScript使用localStorage存储数据
下一篇:使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子