vuex页面刷新数据丢失的解决办法

最新推荐文章于 2024-07-02 17:47:34 发布

九霄123

最新推荐文章于 2024-07-02 17:47:34 发布

阅读量240

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/lyxkgc/article/details/131702514

版权

app.vue

import store from './store'

  mounted () {
      // 解决vuex刷新丢失
      window.addEventListener("beforeunload",()=>{ 
      localStorage.setItem("userComMsg",JSON.stringify(store.state))
    });
    //在页面加载时读取localStorage里的状态信息
    if(localStorage.getItem("userComMsg")){ 
      Object.assign(store.state,JSON.parse(localStorage.getItem("userComMsg")));
      //使用后清除内存
      setTimeout(function () { 
        localStorage.removeItem("userComMsg");
      },300)
    }


  }