美文网首页
vue 点击网页刷新 vuex值被清空

vue 点击网页刷新 vuex值被清空

作者: 自律使我自由ww | 来源:发表于2019-12-28 21:59 被阅读0次

在main.js插入以下代码

//刷新保存状态

if (sessionStorage.getItem("store")) {

    store.replaceState(

        Object.assign(

            {},

            store.state,

            JSON.parse(sessionStorage.getItem("store"))

        )

    );

    sessionStorage.removeItem("store")

}

//监听,在页面刷新时将vuex里的信息保存到sessionStorage里

window.addEventListener("beforeunload", () => {

    sessionStorage.setItem("store", JSON.stringify(store.state));

});

————————————————

版权声明:本文为CSDN博主「不过期的约定」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/chen123789hkb/article/details/90175607

相关文章

  • vue 点击网页刷新 vuex值被清空

    在main.js插入以下代码 //刷新保存状态 if (sessionStorage.getItem("store...

  • Vue刷新页面VueX中数据清空了,怎么重新获取?

    Vue刷新页面VueX数据清空了,怎么重新获取? 点击打开视频讲解更详细[https://www.bilibili...

  • vuex

    刷新消失的特性 vuex是刷新即清空数据的, 因为vuex的定位就是一个全局变量集,.因此要在vuex中保存用户信...

  • vuex--基本使用

    vuex的作用 vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,解决vue中各个...

  • vuex 数据持久化插件

    数据持久化: 刷新页面,vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地,即使刷新也不能清空,例如:...

  • vue

    $ cnpm install vue vuex 流程讲解 使用vuex的方式,点击按钮 → dispatch ac...

  • 2020-03月前端面试题

    vue相关 vue父子组件传值方式有哪些? 兄弟组件间如何传值? vuex是用来干什么的? vuex核心模块有哪些...

  • 解决vuex刷新页面数据丢失

    1、vuex刷新页面数据丢失 vue构建的项目中,vuex的状态存储是响应式的,当vue组件从store中读取状态...

  • vuex基础

    vuex Vuex是什么呢?它是Vue的状态管理模式,在使用vue的时候,需要在vue中各个组件之间传递值是很痛苦...

  • Vue组件之间的传值

    Vue父子组件之间的传值(props)兄弟组件 VUEX

网友评论

      本文标题:vue 点击网页刷新 vuex值被清空

      本文链接:https://www.haomeiwen.com/subject/ryreoctx.html