在默认模式下,vuex中保存的东西会在刷新之后被清空,导致我们想用vuex存储一些内容,刷新后无法获取。
可以利用持久性的存储比如localStorage或setStorageSync在app.vue监听刷新事件进行存储,app.vue加载时获取缓存,设置延迟清空存储,避免内存泄露。
1.纯vue非uni-app
利用localStorage的持久性存储结合vuex,
在app.vue的created
//在页面刷新时将vuex里的信息保存到localStorage里
window.addEventListener("beforeunload", () => {
localStorage.setItem("userComMsg", JSON.stringify(this.$store.state));