<div>
<router-linK to="a">A</router-link>
<router-linK to="b">B</router-link>
</div>
<router-view></router-view>
routes: [
{
path: '/home',
name: 'home',
component: Home,
children: [
{name: 'a', path: 'a', component: aList},
{name: 'b', path: 'b', component: bList}
]
}
]
//在home页面，又一A和B的Tab菜单，点击进行切换显示aList 和 bList组件
vue使用路由进行tab切换
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- <template lang="html"> <XCircle @getId='getTabId' /> <Mem...
- 在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。...
- watch: { $route(to, from) { console.log(to); if (...
- 业务场景 公司要做一个在微信上使用的类电商的项目，有个通用的底bar，分为主页、XX、XX、个人中心这四个，主页可...
