vue的路由守卫

avatar
作者
筋斗云
阅读量:0

全局守卫

  1. beforeEach:全局前置守卫,可以做路由权限(跳转之前被调用)

    权限控制:在某些应用中,不同用户可能具有不同的权限级别,前置守卫可用于检查用户的权限,并根据其 权限级别允许或拒绝访问某些路由

    表单未提交警告:如果用户正在编辑表单而尚未保存更改,前置守卫可以用于显示警告消息,以确保用户不 会离开页面而不保存更改

  2. beforeResolve:全局解析守卫,和 beforeEach 类似但是调用时机不同

  3. afterEach: 全局的后置守卫,跳转到页面路由之后调用的函数,做标题配置

    独享守卫

1.beforeEnter 路由前置独享守卫

组件内的守卫

  1. beforeRouteEnter 在渲染该组件的对应路由被验证前调用(组合式API中没有)

  2. beforeRouteUpdate 在当前路由改变,但是该组件被复用时调用

  3. beforeRouteLeave 在导航离开渲染该组件的对应路由时调用

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!