在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;

使用起来是很简单方便的。

Logo

前往低代码交流专区

更多推荐