javascript - vuex中存储的数据在页面刷新之后都是失去,我想让vuex中的数据在刷新之后不会丢失怎么办。
迷茫
迷茫 2017-04-11 12:33:26
[JavaScript讨论组]

1.vuex中存储的数据在刷新页面(F5)之后会丢失全部的数据
2.我想刷新页面之后不丢失。同时我还不想存储在window中的session和local中
各位大牛vuex中有没有相应的数据存储方法或者设置可以做到这样的效果

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(7)
伊谢尔伦

window.localstorage
存起来就行

迷茫

你的这个业务场景跟vuex没有关系吧?

vuex就是一个“提升变量”的一个工具,它是将state当做全局变量存储。F5刷新页面之后自然随着页面的刷新重新初始化state。

目前想让浏览器记住数据,一般都会采用cookie或者localStorage等方法,如果有什么其它方法,欢迎分享。

怪我咯

第2点不知道你说的是单指session和local还是指window的所有存储方式(cookie、websql),如果是前者你可以使用其他存储方式,如果是后者那么就无能为力。

PHP中文网

如果用vuex,可以把全局的数据放在vuex里,或者将数据放在根组件app.vue中,子页面通过this.$root.data获取

PHPz

也遇到相同的问题,设置了登陆后保存的一个状态,已经设好了,F5刷新页面,又是vuex定的初始值····理论上应该不这样呀。。。不然vuex都没有意义了

巴扎黑

按你想要的,至少现在没办法的,即使vuex以后有这样的方法能支持,它也会是采用localStorage,sessionStorage这些东西来实现。

ringa_lee

这边有一个将vuex的state保存在localstorage中的库vuex-persistedstate,这样不需要直接操作localstorage,按vuex的方式来,根据个人喜好吧,用着还不错!默认会将所有的state保存在key为vuex的字符串中。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号