由于vuex数据刷新后会失效,需要配合Storge缓存,达到刷新不失效,但是每次都去读取Storge又很麻烦,推荐如下方式解决

使用 vuex-persistedstate

下载js 文件

链接:https://pan.baidu.com/s/1nvZjaxBSj_tKiYVVoJu9iQ
提取码:1s3u

在Store.js里引入文件

import Vuex from "vuex";
import Vue from "vue";
Vue.use(Vuex);
import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
  plugins: [
    createPersistedState({
      storage: {
        getItem: (key) => uni.getStorageSync(key),
        setItem: (key, value) => uni.setStorageSync(key, value),
        removeItem: (key) => uni.removeStorageSync(key),
      },
    }),
  ],
  state: {
   // 数据 ...
  },
});
export default store;
Logo

前往低代码交流专区

更多推荐