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

1路由守卫中的next()

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

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

    next('/home');

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

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

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

    next(false);

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

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

2.页面路由守卫

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

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

相关推荐
牧羊人_myr12 分钟前
Ajax 技术详解
前端
浩男孩21 分钟前
🍀封装个 Button 组件,使用 vitest 来测试一下
前端
蓝银草同学26 分钟前
阿里 Iconfont 项目丢失?手把手教你将已引用的 SVG 图标下载到本地
前端·icon
布列瑟农的星空36 分钟前
重学React —— React事件机制 vs 浏览器事件机制
前端
程序定小飞1 小时前
基于springboot的在线商城系统设计与开发
java·数据库·vue.js·spring boot·后端
一小池勺1 小时前
CommonJS
前端·面试
孙牛牛1 小时前
实战分享:一招解决嵌套依赖版本失控问题,以 undici 为例
前端
用户52709648744901 小时前
Git 最佳实践
前端
星秀日1 小时前
JavaWeb--Ajax
前端·javascript·ajax