vue 页面刷新vuex清空处理
将vuex中的数据缓存到浏览器即可保证刷新页面vuex不回被清空首先缓存state中的数据,在app.vue中添加mounted中添加监听unload事件,当页面刷新的时候缓存数据:window.addEventListener('unload', this.saveState)method中添加方法:saveState() {sessionStorage.setItem('state', JSO
·
将vuex中的数据缓存到浏览器即可保证刷新页面vuex不回被清空
首先缓存state中的数据,在app.vue中添加
mounted中添加监听unload事件,当页面刷新的时候缓存数据:
window.addEventListener('unload', this.saveState)
method中添加方法:
saveState() {
sessionStorage.setItem('state', JSON.stringify(this.$store.state))
}
在store的index中将state修改一下就好,如下:
state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : {
getuserinfo: "中国工商银行", // 用户信息所有信息
userInfo: {},
routers: {}
},
更多推荐
已为社区贡献5条内容
所有评论(0)