vue-element-admin左侧边栏导航,点击跳转打开一个新的页面,同时侧边导航栏也改变,一段新的路由,如何写呢?求大牛哥哥帮助!

感谢各位大牛哥哥的帮忙,这问题困扰好几天了[哭泣]
希望实现的效果如图下。

img

左侧导航栏发生改变,到另一模块。

img

配置路由router文件里已经区分了两个模块的路由代码,请问该怎么配置点击后,将原路由替换成新的模块的路由呢?同时不影响前一个页面刷新后也还是原页面的内容和路由。

img

你这个其实属于多页面,可以将单页改为多页
https://cli.vuejs.org/zh/config/#pages

路由信息可以放到一个数组中。左侧菜单递归渲染,监听路由跳转后渲染新路由

思路: 存放到localstorage, 在main.js执行new VueRouter的时候, 获取localstrong参数, 根据参数判断是dev的话就设置dev路由.
当你页面点击的时候, localstorage就保存const参数, 并刷新页面.

代码:

// 获取路由参数, 如果为空默认dev路由
localStorage.getItem("router") || "dev";

// 切换路由并刷新页面
localStorage.setItem("router", 'dev');
location.reload();

// main.js 入口在实例化路由前判断需要用的路由
new VueRouter({
        ...
        routes: localStorage.getItem("router") === 'dev' ? devRoutes : constantRoutes
})