vue路由知识补充(updating···)

1路由守卫中的next()

next()方法表示放行,如果不执行此方法路由不会跳转,此方法可以接收一个参数

  1. 字符串路径:如果传递一个字符串路径,那么路由会重定向到该路径。

    next('/home');

  2. 路由对象:如果传递一个路由对象,那么路由会重定向到该路由对象描述的路径。

    next({ path: '/home' });

  3. 布尔值 :如果传递false,则中断当前路由跳转,不会进行路由跳转。

    next(false);

  4. 回调函数:如果传递一个回调函数,在跳转完成时执行该回调函数。

    next(vm => { // 在跳转完成后执行一些操作 });

2.页面路由守卫

页面路由守卫可以直接在路由组件中使用,尤其一些缓存的路由组件可以解决一些问题

需要注意的是在beforeRouteEnter中的组件实例还没有被创建所以是没法使用this的

相关推荐
海上彼尚1 小时前
Nodejs也能写Agent - 16.LangGraph篇 - 条件分支与循环
前端·后端·langchain·node.js
To_OC2 小时前
从 “卡死半天” 到 “打字机效果”:大模型流式输出前端实现全记录
前端·javascript·llm
rockey6272 小时前
基于AScript的JavaScript脚本语言发布啦
javascript·c#·.net·js·script
SoaringHeart3 小时前
Flutter最佳实践:键盘辅助视图输入框天添加图片附件
前端·flutter
kyriewen3 小时前
我看完这篇安全论文——AI推荐的npm包,92%是编出来的
前端·javascript·ai编程
心中有国也有家4 小时前
AtomGit Flutter 鸿蒙客户端:Canvas 绘制进阶-路径、渐变与混合模式
android·javascript·flutter·华为·harmonyos
小心我捶你啊4 小时前
数据采集和Web解锁不是一回事,从用途到规则区分
前端·爬虫·网络协议
hunterandroid5 小时前
[鸿蒙从零到一] ArkUI 基础组件实战:Text、Image、Button 与 TextInput
前端
fsssb5 小时前
Chromium 源码学习笔记(五):一次点击,在进入 JS 之前先经历了什么?
前端