请教一个关于Element-admin的路由嵌套问题

[niuhejun1986]

element-admin 里面配置了一级二级菜单 对应的一级二级路由

现在的需求是在二级路由对应的一个组件

组件分为两部分 上半部分是两个按钮 下半部分是内容先去 点击按钮切换内容显示区

页面结构：

APP.vue->APPMain.vue-xxx.vue
xxx.vue即是上面提到的按钮所在页面

楼主实现方式：
1.在xxx.vue 模板内添加router-view
2.给xxx.vue在router配置内的节点配置子节点
3.给xxx.vue添加跳转事件

现在的问题：
点击按钮会打开新的tab页面 看效果是连带着整个xxx.vue都刷新了


代码

路由配置：


模板代码


页面效果



效果里面可以看到 点击后不是组件内切换 而是创建了一个新的tab

求指点

[luj_1768]

整个页面被连带刷新可能与浏览器有关，不同浏览器可能有不同的策略。

[托比大王]

你想做的是切换父级路由吗

[niuhejun1986]

引用 2 楼 柴柯 的回复:

你想做的是切换父级路由吗

引用 2 楼 柴柯 的回复:

你想做的是切换父级路由吗

我是想做子级路由嵌套 说的直白一点就是 一个页面内有两个按钮 我想点击这两个按钮 然后在页面内切换不同的组件b和c 类似选项卡的效果 问题是这个写法在普通项目可以 放在element里面就成了 打开新的这个页面

[总管陈好人]

这个路由组是侧边栏的路由组，你的需求是页面中，另起一个路由组。或者这个路由页面中用tab组件不好吗