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

1路由守卫中的next()

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

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

    next('/home');

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

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

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

    next(false);

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

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

2.页面路由守卫 

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

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

相关推荐

  1. 补充 vue3用户管理权限(控制)

    2024-05-10 13:36:06       57 阅读
  2. vue3

    2024-05-10 13:36:06       71 阅读
  3. Vue

    2024-05-10 13:36:06       64 阅读
  4. Vue

    2024-05-10 13:36:06       49 阅读
  5. <span style='color:red;'>Vue</span><span style='color:red;'>路</span><span style='color:red;'>由</span>

    Vue

    2024-05-10 13:36:06      43 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-10 13:36:06       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-10 13:36:06       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-10 13:36:06       87 阅读
  4. Python语言-面向对象

    2024-05-10 13:36:06       96 阅读

热门阅读

  1. HJ19 简单错误记录

    2024-05-10 13:36:06       39 阅读
  2. Qt——HighLight篇

    2024-05-10 13:36:06       39 阅读
  3. Docker快速启动清单

    2024-05-10 13:36:06       31 阅读
  4. 论UML在学情精准测评系统中的应用

    2024-05-10 13:36:06       32 阅读
  5. 一款自动化监控收集资产的工具

    2024-05-10 13:36:06       31 阅读
  6. git如何查看密码

    2024-05-10 13:36:06       34 阅读
  7. Zookeeper集群搭建的一些问题

    2024-05-10 13:36:06       33 阅读
  8. Go 使用mqtt

    2024-05-10 13:36:06       32 阅读
  9. 企微SCRM营销:解锁客户关系管理新篇章

    2024-05-10 13:36:06       36 阅读
  10. 自我模拟面试

    2024-05-10 13:36:06       28 阅读