时间:2021-05-26
VUEX 数据持久化
// store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); console.log('token',token); if (token) { let userInfo = getStorage("userInfo"); state.userInfo = userInfo.data; } } return state.userInfo } },注意:如果 使用this.$store.userInfo 是读取不到的,必须使用getter
// component.jsuserInfo() { return this.$store.getters.userInfo; }以上这篇VUEX 数据持久化,刷新后重新获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
技术应用js-cookie+vuex+localStorage做数据持久化js-cookienpmijs-cookie--savevuexuser.jsimpo
在vue项目的开发中经常会用到vuex来进行数据的存储,然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题!下面是我用过的解决方法1、利用st
解决vuex页面刷新导致数据丢失问题vuex数据是存在内存当中,当页面刷新之后vuex数据自然会丢失。我们有两种方法解决该问题:1.使用vuex-along2.
vuex-persistedstate核心原理:在本地存储中存入所有的vuex数据,页面刷新时到缓存中取数据,放到vuex中下载:$npminstallvuex
导语:我们在写vue项目的时候,经常要用到vuex作为内存来储存,但是我们存放在vuex中的数据(用户数据,当前页面的数据等等)在刷新后就会丢失,那么如何解决呢