Advertisement

uni-app/vue库中vuex刷新导致数据消失

阅读量：

在默认运行状态下，Vuex中所存储的数据会在页面刷新后被清除，这使得我们希望借助Vuex保存某些信息时，刷新后无法再读取到相关内容。为解决此问题，可以采用具备持久化特性的存储方式，例如localStorage或setStorageSync，并在app.vue中监听页面刷新事件以实现数据的保存操作。当app.vue加载时，从缓存中读取数据，并设置一定延迟后清除存储内容，以此防止内存泄漏现象的发生。

1.纯vue非uni-app

通过将localStorage的持久化存储特性与vuex相结合，
在app.vue文件的created生命周期阶段进行应用

复制代码 
    //在页面刷新时将vuex里的信息保存到localStorage里
    window.addEventListener("beforeunload", () => {
      localStorage.setItem("userComMsg", JSON.stringify(this.$store.state));
    });
    
    //在页面加载时读取localStorage里的状态信息
    if (localStorage.getItem("userComMsg")) {
      Object.assign(
    this.$store.state,
    JSO

全部评论 (0)

还没有任何评论哟~

相关文章推荐