博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue-Router导航守卫
阅读量:6275 次
发布时间:2019-06-22

本文共 553 字,大约阅读时间需要 1 分钟。

在路由导航(跳转前,跳转后,跳转前取消跳转)

  • 全局守卫,挂载在全局路由对象中
    • router.beforeEach((to, from, next) => {})
    • router.beforeResolve((to, from, next) => {})
    • router.afterEach((to, from) => {})
  • 单个路由独享
    • beforeEnter((to, from, next) => {})
  • 组件级别
    • beforeRouteLeave((to, from, next) => {})
    • beforeRouteEnter((to, from, next) => {})
    • beforeRouteUpdate((to, from, next) => {})

afterEach,其他都必须调用next才能resolve,使导航进入到下一个钩子函数中进而完成导航

由于组件级别路由守卫beforeRouteEnter钩子函数触发时,组件vm实例还未生成,所以这个函数中next可以传入回调,默认传入vm实例。
图片来自https://segmentfault.com/a/1190000012563794
1455102-20180922160312395-691584959.png

转载于:https://www.cnblogs.com/ykli/p/9694057.html

你可能感兴趣的文章
MFC 导入EXCEL到数据库
查看>>
【ASP.NET 类库】当你懒得用 Json+Ajax 时,可以试试 AjaxPro
查看>>
使用深度学习检测DGA(域名生成算法)——LSTM的输入数据本质上还是词袋模型...
查看>>
【转】利用mybatis-generator自动生成代码
查看>>
架构师应该了解的知识1
查看>>
在Flex (Flash)中嵌入HTML 代码或页面—Flex IFrame
查看>>
防止Direct Input获取多次输入
查看>>
Interspeech 2017 | Self-adaptive Speech Recognition Technology
查看>>
Linux中MySQL数据库max_allowed_packet的调整
查看>>
MySQL 学习笔记 二
查看>>
Host prepare for your automation work
查看>>
Thinkphp中field和getField
查看>>
AngularJS之初级Route【一】(六)
查看>>
QTP的那些事--采用DOM,描述性编程获取指定的对象
查看>>
linux异步通信之epoll【转】
查看>>
前端自学路线之js篇
查看>>
C++:运算符重载函数之友元运算符重载
查看>>
ANT task之Junit、JunitReport
查看>>
selenium的那些事--运行报错
查看>>
谋求职业发展,是“走”还是“留”
查看>>