码迷,mamicode.com
首页 > 其他好文 > 详细

vue-router路由嵌套与二级路由重定向

时间:2019-12-01 14:03:44      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:height   info   http   补全   组件   idt   class   png   渲染   

(1)公共路由裁减

  不是每个页面都存在导航,所以不要把导航组件在根组件APP.vue里引入,哪个页面需要,在哪里引入即可。

  方案:

哪个页面需要,在哪个页面引入即可

 

(2)嵌套路由

  注意:children下的path无需/,它会自动补全匹配

  技术图片

  技术图片

 

   接下来在相应页面渲染二级嵌套路由即可

  技术图片

 

 

(3)嵌套路由重定向

使用redirect属性实现重定向

  技术图片

 

(4)三级||多级路由

  与上面类似,往children下继续添加即可

 

 

 

 

 

 

 

.

vue-router路由嵌套与二级路由重定向

标签:height   info   http   补全   组件   idt   class   png   渲染   

原文地址:https://www.cnblogs.com/jianxian/p/11965613.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!