解决vuex里的数据，在页面刷新时丢失的问题

最新推荐文章于 2024-11-05 00:19:42 发布

嵩小卢

最新推荐文章于 2024-11-05 00:19:42 发布

阅读量300

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sxl131415/article/details/105041412

版权

vue 专栏收录该内容

20 篇文章

订阅专栏

在app.vue中添加

export default {
  name: 'App',
  created(){
    //在页面刷新时将vuex里的信息保存到localStorage里
    window.addEventListener("beforeunload",()=>{
      localStorage.setItem("messageStore",JSON.stringify(this.$store.state))
    })

//在页面加载时读取localStorage里的状态信息
    localStorage.getItem("messageStore") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("messageStore"))));
  }
}