vue 页面切换的状态保留

现在的页面

img


当我点击 编辑,进入 下面的页面

img

此时我点上方的菜单栏,进入首页,再次返回角色管理的时候,并不是显示的第二张图,而是进入了第一张图,
有什么方式可以让页面切换时,保留之前的状态吗?

这好办,有3种方案,你视情况选择
1,如果你的跳转是使用路由跳转,你可以在点击编辑跳转前,将当前表格数据通过路由跳转传参一起带过去,然后在新的页面取到路由参数即可
2,可以使用缓存,如果是用一个域名的话,推荐使用会话缓存,跳转前存到缓存,新页面打开直接从缓存中取
3,如果是同一个项目的不同页面,可以使用全局状态管理vuex,在跳转前存入store,在新页面从store中取
如不理解,请私聊我,详细解答。

keep-alive试试

全局状态管理vuex