如何在Nuxt上仅对特定商店使用vuex-persistedstate？

7uzetpgm 于 2022-11-17 发布在 Vue.js

关注(0)|答案(2)|浏览(167)

这是图书馆：https://github.com/robinvdvleuten/vuex-persistedstate。我为Nuxt创建了以下插件文件。

import createPersistedState from 'vuex-persistedstate'

export default ({ store }) => {
  createPersistedState()(store)
}

问题是我不知道我如何可以排除某些商店，因为这坚持所有的商店。

2条答案

你分享的回购协议是存档的，从今天开始，所以你可能应该把它传递给Pinia。
有2个软件包这样做与Pinia：

https://prazdevs.github.io/pinia-plugin-persistedstate/guide/advanced.html#multiple-persistences-per-store
https://seb-l.github.io/pinia-plugin-persist/advanced/custom-key.html

否则，可能需要一个自制的解决方案，但vuex-persistedstate将不允许您选择一个商店，因为您最初想要的。

export default ({ store }) => {
  createPersistedState({
    paths: ["myData", "someOtherData"],
  })(store);
};

你可以引用你想作为paths的值持久化的状态。如果你使用vuex模块，它的"moduleName.myData"。