子路由如何覆盖父路由页面

Question

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

<el-main>
                    <keep-alive>
                          <router-view></router-view>
                    </keep-alive>

我只是在父路由页面 放了一个router-view 我想让子页面显示在上面 但是怎么通过点击按钮 显示子路由页面的同时 让父路由页面消失呢
做到灵活子页面切换 覆盖。

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

这边觉得你可以直接路由跳转即可，做好路由传参，父页面肯定是会存在的，父页面如果消失，那子页面也就没有了，因为本身子页面是存在于父页面当中的

要么你就去写个判断
v-if
父元素代码
v-else
子页面 router-view

或者 你直接定义子路由 push跳转，做好路由传参，在go（-1）跳回来即可