首页 > 其他 > 详细

vue之路由嵌套

时间:2019-12-26 11:59:08      阅读:79      评论:0      收藏:0      [点我收藏+]

我们在做项目的时,常常会遇到使用Tab切换页面需求,要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。

export default new Router({
routes: [
{
path: ‘/‘,
name: ‘page‘,
component: Page,
redirect:‘/tab1‘, // 设置默认打开的页面
children: [{
path: ‘/tab1‘,
name: ‘tab1‘,
component: tab1,
},
{
path: ‘/tab2‘,
name: ‘tab2‘,
component: tab2,
}

{
path: ‘/tab3‘,
name: ‘tab3‘,
component: tab3,
}]

}
]
})

vue之路由嵌套

原文:https://www.cnblogs.com/whx123/p/12101084.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!