vue中强制刷新的bug处理

vue是单页面应用,跳转路由也是局部刷新,这里就拿后台管理系统而言,如果你的后台管理系统是左右布局,你不会遇到这样的问题,但是如果你的后台管理系统是上左右布局,你就会遇到这个问题,一级菜单在最上面,二级菜单和三级菜单在左侧,右边是主要内容,

  后台会返回给你一个json数据,三级菜单的,最初 你可能会想通过vuex来进行处理,点击一级菜单的同事,将其下面的二级三级菜单存起来通过vuex传给左侧的sider组件,但是当你强制刷新后左侧内容会变空,这是因为浏览器强制刷新后,vuex会清空,还有人说,可以放在缓存里或者放在浏览器的地址中,但是本人是不建议的,数据多的时候都放在浏览器地址里不合适,这种情况,你可以把头部和左侧放在同一个vue文件里,点击头部的时候将对应的一级id放在浏览器的地址里,然后左侧请求一次接口拿到对应的,这个你可以和后台商量,反正我是这么处理的,如果你有更好的建议的话可以大家一起分享,谢谢

原文地址:https://www.cnblogs.com/ldlx-mars/p/8318376.html