<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切换
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- <template lang="html"> <XCircle @getId='getTabId' /> <Mem...
- 在 vue 中,实现 Tab 切换主要有三种方式:使用动态组件,使用 vue-router 路由,使用第三方插件。...
- watch: { $route(to, from) { console.log(to); if (...
- 业务场景 公司要做一个在微信上使用的类电商的项目,有个通用的底bar,分为主页、XX、XX、个人中心这四个,主页可...