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

1路由守卫中的next()

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

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

    next('/home');

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

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

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

    next(false);

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

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

2.页面路由守卫

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

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

相关推荐
我想回家种地1 分钟前
python期末复习重点
前端·javascript·python
行者963 分钟前
Flutter适配OpenHarmony:高效数据筛选组件的设计与实现
开发语言·前端·flutter·harmonyos·鸿蒙
Van_Moonlight8 分钟前
RN for OpenHarmony 实战 TodoList 项目:底部 Tab 栏
javascript·开源·harmonyos
Van_Moonlight9 分钟前
RN for OpenHarmony 实战 TodoList 项目:浮动添加按钮 FAB
javascript·开源·harmonyos
Serendipity-Solitude12 分钟前
HTML 五子棋实现方法
前端·html
frontend_frank13 分钟前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
PieroPC14 分钟前
用FastAPI 一个 后端 和 两个前端 原生HTML/CSS/JS 、Vue3 写一个博客系统 例
前端·后端
wulijuan88866617 分钟前
BroadcastChannel API 同源的多个标签页可以使用 BroadcastChannel 进行通讯
前端·javascript·vue.js
kilito_0122 分钟前
数字时钟翻页效果
javascript·css·css3
Van_Moonlight22 分钟前
RN for OpenHarmony 实战 TodoList 项目:今日任务数量统计
javascript·开源·harmonyos