vue-router 路由钩子(hook)
2024-10-20 05:32:22
钩子(hook)—劫持机制
路由钩子(守卫钩子):
1、全局钩子
2、某个路由独享的钩子
3、组件内钩子
三种路由钩子中都涉及到了三个参数,官方(https://router.vuejs.org/zh-cn/advanced/navigation-guards.html)介绍
to: Route: 即将要进入的目标 路由对象
from: Route: 当前导航正要离开的路由
next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。
next(): 进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是 confirmed (确认的)。
next(false): 中断当前的导航。如果浏览器的 URL 改变了(可能是用户手动或者浏览器后退按钮),那么 URL 地址会重置到 from 路由对应的地址。
next(‘/') 或者 next({ path: ‘/' }): 跳转到一个不同的地址。当前的导航被中断,然后进行一个新的导航。
最新文章
- Dean-Edward的事件系统实现
- 配置Tomcat web保存文件到项目路径之外
- Java用户线程和守护线程
- silverlight简单数据绑定2
- HD1561The more, The Better(树形DP+有依赖背包)
- 在Ubutu14.04的Eclipse启动Tomcat的问题
- [bzoj 2097]奶牛健美操
- FineUploader 学习笔记
- 解决在eclipse中写ImageView时有警告的问题
- centos6.5 yum update 报错Couldn't resolve host 'centos.ustc.edu.cn'
- aways on 配置部署(二)——配置域
- 如何解决iOS界面操作导致导致NSTimer暂停计时的问题?
- 实现可调整宽高的DIV(左右拖动和上下拖动)
- oracle数据库连接不上
- 索引范围扫描(INDEX RANGE SCAN)
- 为什么HashMap桶(链表)的长度超过8会转换成红黑树?
- 20135320赵瀚青LINUX第四章读书笔记
- c语言字符串指针
- [Algorithm] Dynamic programming: Find Sets Of Numbers That Add Up To 16
- php redis 秒杀demo
热门文章
- 关于PS抠图的各种方法 有这个就可以去面试了!!!加油!!!
- Codeforces 785 D. Anton and School - 2
- Git 中 pull 和 clone 的区别
- centos7 Python3终端中敲击方向键显示「^[[C^[[D」
- flutter安装与配置 v1.2.1版本
- android ------- TCP与UDP
- Vue音乐项目笔记(四)(搜索页面提取重写)
- CF1117E Decypher the String
- Centos 6.5 搭建阿里云yum源
- Elsevier系旗下期刊论文投稿流程