思路：在页面刷新之前，把store里的数据存至sessionStorage。页面初始化的时候从sessionStorage取出数据重新赋值给store。
在这里是在app.vue里面进行全局添加。
// app.vue
created() {
if (sessionStorage.getItem("store")) {
this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
}
//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload", () => {
sessionStorage.setItem("store", JSON.stringify(this.$store.state))
})
}
vuex在页面刷新后，store就会被重置，数据清空。解决方法：在监听到页面刷新时将数据保存到缓存中，再次加载页面...
参考文章：https://www.jianshu.com/p/15221e9d388b 思路：在页面刷新之前，把s...
使用Vuex时发现页面刷新以后Vuex里面存储的state数据会丢失，因为我们的state都是存储在内存中的。解决...
原因：VUEX数据一般是放在计算属性computed中，但是刷新页面VUEX中的数据没有更改，即不触发comput...
使用过 Vuex 的都知道, 存储在 Vuex 中的数据不能持久化, 刷新页面之后数据就会丢失, 这对于用户登录需...
保存在vuex里的数据，页面刷新就会丢失，可以用vuex-persistedstate来持久化，默认用的是loca...
vuex 刷新就会丢失sessionStorage 它有只要页面不关闭，不手动删除数据，数据就会一直存在，现在...
前言： 在使用vuex store做数据状态储存的时候，页面刷新之后，store数据丢失，导致用户状态、token...
最近在用vue来做H5项目，在之前的项目中就遇到了页面刷新，导致store数据丢失，页面数据加载失败的问题。经过不...
1、 运用vuex，页面刷新后vuex中得数据丢失：解决：将保存在vuex中后期需要用到得请求接口参数的字段用l...
本文标题：vuex页面刷新时数据丢失解决方法(个人笔记)
本文链接：https://www.haomeiwen.com/subject/dtqfektx.html
网友评论