vuex数据刷新后丢失问题解决办法
在vue项目中我们一般会用到Vuex对数据进行管理,但我们刷新页面时,store数据会全部丢失,如何解决呢?其实很简单,使用vuex的插件来把store中的数据缓存到本地就好了,我用的是vuex-persistedstate,应该还有其他插件。使用方法如下:1.先安装vuex-persistedstatenpm install --save vuex-persistedstate2.在...
·
在vue项目中我们一般会用到Vuex对数据进行管理,但我们刷新页面时,store数据会全部丢失,如何解决呢?其实很简单,使用vuex的插件来把store中的数据缓存到本地就好了,我用的是vuex-persistedstate,应该还有其他插件。使用方法如下:
1.先安装vuex-persistedstate
npm install --save vuex-persistedstate
2.在store中使用
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
state: {
selected_card: {}, //用户选择的银行卡
},
mutations: {
update_selected_card(state, payload) {
state.selected_card = payload
},
},
//这是把所有数据缓存到本地 也可以进行配置
plugins: [createPersistedState()],
})
export default store;
使用起来是很简单方便的。
更多推荐
已为社区贡献14条内容
所有评论(0)