"vuex-persistedstate untuk bertukar antara sessionStorage dan localStorage"
P粉295728625
P粉295728625 2023-08-25 23:06:52
0
1
466

Jika pengguna memilih kotak pilihan "Ingat saya", saya mahu bertukar daripada sessionStorage kepada localStorage, sementara saya menggunakan vuex-persistedstate

eksport stor lalai(fungsi (/* { ssrContext } */) { const Store = createStore({ nyatakan: { }, tindakan: { setLodingMode({ commit }, newMode) { commit("SET_LOADING_MODE", newMode); }, resetStates({ commit }) { commit("ATHENTICATION_RESET_STATE"); commit("log masuk/RESET_STATE"); }, }, modul: { log masuk, pengesahan }, pemalam: [createPersistedState()], }); kembali Stor; });

Intinya saya ingin membuat perubahan seperti ini

nyatakan: { bendera: palsu }, pemalam: [ createPersistedState({ storan: bendera ? window.localStorage : window.sessionStorage, }), ],

Saya mahu bendera berubah berdasarkan kotak semak "Ingat Saya" yang dipilih pengguna semasa log masuk, jadi apabila pengguna memilih kotak semak, bendera menjadi benar dan semua data disimpan dalam localStorage

;
P粉295728625
P粉295728625

membalas semua (1)
P粉658954914

Setiap komen @Estus Flask, saya menggunakan storan tersuai dan menguruskan pilihan "ingat saya" dengan menghubungi localStorage secara terus dan menetapkan bendera dalam localStorage.

plugins: [ createPersistedState({ paths: ["authentication.userAuthenticationInfo"], storage: { getItem(key) { if (localStorage.getItem("rememberMe") == 1) { return localStorage.getItem(key); } else { return Cookies.get(key); //return sessionStorage.getItem(key); } }, setItem(key, value) { if (localStorage.getItem("rememberMe") == 1) { localStorage.setItem(key, value); } else { Cookies.set(key, value); //sessionStorage.setItem(key, value); } }, removeItem(key) { if (localStorage.getItem("rememberMe") == 1) { localStorage.removeItem(key); } else { Cookies.remove(key); //sessionStorage.removeItem(key); } }, }, }), ],

Dan saya mengosongkan localStorage pada setiap log keluar atau respons 401.

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!