解決辦法:
更改store文件下index文件state的定義
const store = new Vuex.Store({ state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): { //id skillId:'', //技能狀態 checkStatus:'' } })
以及在App.vue中添加
mounted() { window.addEventListener('unload', this.saveState) }, methods: { saveState() { sessionStorage.setItem('state', JSON.stringify(this.$store.state)) } }
也就是說監聽unload方法,如果重載頁面就把state存入sessionStorage,然后在需要state的時候從sessionStorage中取值。