vuex管理状態の更新ページはクリアされていないソリューションを維持します。
mutationファイル
構想を実現してvuexの中でpublicTitの状態とlocal Strageの中で一致を維持させます(local Strageの中から値を取ります)。
最適化版:
属性を呼び出すコンポーネントが必要です。
import {
RECEIVE_PUBLICHTIT
} from './mutation-types'
// *
function storeLocalStore (state) {
window.localStorage.setItem("publicTit",JSON.stringify(state));
}
export default {
[RECEIVE_PUBLICHTIT] (state,{title}){
state.publicTit = title
storeLocalStore(state)
}
}
publicTit属性を使用したコンポーネント
created(){
localStorage.getItem("publicTit")&&
this.$store.replaceState(JSON.parse(localStorage.getItem("publicTit")))
},
created()ライフサイクルで値取り操作を行う場合、初めてプロジェクトをロードしたと判断する必要がある場合、local StrageにはpublicTitの情報がないので、まず判断します。構想を実現してvuexの中でpublicTitの状態とlocal Strageの中で一致を維持させます(local Strageの中から値を取ります)。
最適化版:
属性を呼び出すコンポーネントが必要です。
created(){
// localStorage vuex localStorage
localStorage.getItem("publicTit") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("publicTit"))));
// vuex localStorage , localStorage ,beforeunload
window.addEventListener("beforeunload",()=>{
localStorage.setItem("publicTit",JSON.stringify(this.$store.state))
})
}
以上のこのvuex管理状態の更新ページはクリアされていないままの解決策です。小編集が皆さんに共有する内容です。参考にしていただければと思います。よろしくお願いします。