「vuex-persistedstate で sessionStorage と localStorage を切り替える」

Question

ユーザーが [記憶する] チェックボックスを選択した場合、vuex-persistedstate

を使用している間、sessionStorage から localStorage に切り替えたいと考えています。

デフォルトのストアをエクスポート(function (/* { ssrContext } */) {
  const ストア = createStore({
    州： {
    }、
    行動： {
      setLodingMode({ commit }, newMode) {
        commit("SET_LOADING_MODE", newMode);
      }、
      リセット状態({ コミット }) {
        commit("AUTHENTICATION_RESET_STATE");
        commit("ログイン/RESET_STATE");
      }、
    }、
    モジュール: { ログイン、認証 }、
    プラグイン: [createPersistedState()]、
  });

  ストアを返す;
});

重要なのは、次のような変更を加えたいということです

状態: {
      フラグ: false
        }、
プラグイン: [
      createPersistedState({
        ストレージ: フラグ ? window.localStorage : window.sessionStorage、
      })、
    ]、

ユーザーがログイン時に選択する「Remember Me」チェックボックスに基づいてフラグを変更するようにしたいのですが、ユーザーがチェックボックスを選択するとフラグが true になり、すべてのデータが localStorage に保存されます

;

Answer 1

@Estus Flask のコメントによると、私はカスタム ストレージを使用し、localStorage を直接呼び出して localStorage にフラグを設定することで「remember me」オプションを管理しました。

リーリー

そして、ログアウトまたは 401 応答のたびに localStorage をクリアします。