当前位置: 首页 > Web前端 > HTML

vuexF5时丢失数据的两种方式

时间:2023-03-27 23:22:30 HTML

1.APP.vueexportdefault({created(){//页面加载时读取sessionStorage中的状态信息if(sessionStorage.getItem("store")){this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem("store"))));}//页面刷新时将信息保存在vuex中转到sessionStoragewindow.addEventListener("beforeunload",()=>{//sessionStorage.setItem("store","");sessionStorage.setItem("store",JSON.stringify(this.$store.state));});}})2`npminstallvuex-persistedstate--save`conststore=newVuex.Store({    plugins:[createPersistedState()]})