[vue] 关于vue-router嵌套路由,默认子路由方法设置
我们在做项目的时候,常常会遇到Tab页面需求,需要设置默认选项为第一个选项卡。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。export default new Router({routes: [{path: '/',name: 'vDemo',component: vDemo,...
·
我们在做项目的时,常常会遇到使用Tab切换页面需求,要求设置第一个选项卡为默认选项。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。
export default new Router({
routes: [
{
path: '/',
name: 'vDemo',
component: vDemo,
redirect:'/tab1', // 设置默认打开的页面
children: [{
path: '/tab1',
name: 'tab1',
component: tab1,
},
{
path: '/tab2',
name: 'tab2',
component: tab2,
}]
}
]
})
更多推荐
已为社区贡献3条内容
所有评论(0)