Vue-Router(五):动态路由(2)

时间:2021-6-12 作者:qvyue

接上

动态添加嵌套路由

上面介绍的是添加一级的动态路由,那么如果在以及有的路由里面添加子路由呢?也很简单,加一个参数即可。


  addRoute({ name:'about66', path: '/about66', component: () => import('./views/baseControl.vue') })
  // router.replace('/about66')

  // 添加子路由
  addRoute('about66', { name:'aboutson', path: 'son', component: () => import('./views/home.vue') })
  

这是第一个参数就是要添加的上一级路由,第二个参数是子路由。路径就是 /about66/son

还可以继续往下添加嵌套路由,不过不易过多,多了容易乱。

查看现有路由

Vue Router 提供了两个功能来查看现有的路由:

  • router.hasRoute(‘about66’):检查路由是否存在。
Vue-Router(五):动态路由(2)
hasRoute
  • router.getRoutes():获取一个包含所有路由记录的数组。
Vue-Router(五):动态路由(2)
getRoutes
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。