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

1路由守卫中的next()

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

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

    next('/home');

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

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

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

    next(false);

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

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

2.页面路由守卫

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

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

相关推荐
我只会写Bug啊3 小时前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
扯蛋4384 小时前
LangChain的学习之路( 一 )
前端·langchain·mcp
Mr.Jessy4 小时前
Web APIs学习第一天:获取 DOM 对象
开发语言·前端·javascript·学习·html
午安~婉4 小时前
javaScript八股问题
开发语言·javascript·原型模式
西西学代码5 小时前
Flutter---个人信息(5)---持久化存储
java·javascript·flutter
芝麻开门-新起点5 小时前
flutter 生命周期管理:从 Widget 到 State 的完整解析
开发语言·javascript·ecmascript
ConardLi5 小时前
Easy Dataset 已经突破 11.5K Star,这次又带来多项功能更新!
前端·javascript·后端
冴羽5 小时前
10 个被严重低估的 JS 特性,直接少写 500 行代码
前端·javascript·性能优化
rising start6 小时前
四、CSS选择器(续)和三大特性
前端·css
一 乐6 小时前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设