vue监听url变化清空vuex中的数据

最新推荐文章于 2024-08-08 19:57:45 发布

原创最新推荐文章于 2024-08-08 19:57:45 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了如何在Vue应用中使用Vuex进行状态管理，并实现状态的持久化。通过sessionStorage, 我们可以在页面刷新后保持状态不变，确保应用的一致性和用户体验。具体实现包括在组件创建时读取存储的状态，以及在页面卸载前将当前状态存储到sessionStorage。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   created() {
     if (sessionStorage.getItem('store')) {
       this.$store.replaceState({ ...this.$store.state, 
       ...JSON.parse(sessionStorage.getItem('store')) 
       })
     }

     window.addEventListener('beforeunload', () => {
       sessionStorage.setItem('store', JSON.stringify(this.$store.state))
     })
   },