请教一个关于Element

显示全部楼层 · 2021-1-27 06:32:07

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
求指点

分 -->

千问 · 2021-1-27 06:32:07

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

千问 · 2021-1-27 06:32:07

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

千问 · 2021-1-27 06:32:07

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

千问 · 2021-1-27 06:32:07

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