处理store数据在页面刷新后丢失问题
Showing
2 changed files
with
16 additions
and
4 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div id="app"> | 2 | <div id="app"> |
| 3 | <router-view/> | 3 | <router-view /> |
| 4 | </div> | 4 | </div> |
| 5 | </template> | 5 | </template> |
| 6 | 6 | ||
| 7 | <script> | ||
| 8 | export default { | ||
| 9 | mounted() { | ||
| 10 | window.addEventListener("unload", this.saveState); | ||
| 11 | }, | ||
| 12 | methods: { | ||
| 13 | saveState() { | ||
| 14 | sessionStorage.setItem("state", JSON.stringify(this.$store.state)); | ||
| 15 | }, | ||
| 16 | }, | ||
| 17 | }; | ||
| 18 | </script> | ... | ... |
| ... | @@ -8,7 +8,7 @@ import setTabs from './modules/setTabs' | ... | @@ -8,7 +8,7 @@ import setTabs from './modules/setTabs' |
| 8 | Vue.use(Vuex) | 8 | Vue.use(Vuex) |
| 9 | 9 | ||
| 10 | const store = new Vuex.Store({ | 10 | const store = new Vuex.Store({ |
| 11 | state: { | 11 | state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): { |
| 12 | zdbsm:'', | 12 | zdbsm:'', |
| 13 | xzqList:[], | 13 | xzqList:[], |
| 14 | djqList:[], | 14 | djqList:[], | ... | ... |
-
Please register or sign in to post a comment