|
阅读：3175回复：0
Vuex的数据重新加载页面后消失
1. 问题:
一般我们在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。 2.解决办法: 办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie） 办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据 办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至sessionStorage（以防请求数据量过大页面加载时拿不到返回的数据） 分析: 办法一 : 缺点是不安全,且不适用大数据量的存储; 办法二 : 适用于少量的数据,并且不会出现网络延迟; 办法三 : 办法二和办法一 一起使用...... (该文章来自词汇博客其个人观点，不代表本站的观点或立场，如有异议请来信告知) |
|
