vuex刷新后数据丢失的解决方法


Posted in Javascript onOctober 18, 2020

导语:

我们在写vue项目的时候,经常要用到vuex作为内存来储存,但是我们存放在vuex中的数据(用户数据,当前页面的数据等等)在刷新后就会丢失,那么如何解决呢?超级简单。

1,安装vuex-persistedstate

npm install --save vuex-persistedstate

2,修改store

import createPersistedState from 'vuex-persistedstate'
 
const store = new Vuex.Store({
 state: {
 user: {}, //用户
 },
 mutations: {
 update_user(state, newuser) {
  state.user = newuser
 },
 },
 //把所有数据缓存到本地
 plugins: [createPersistedState()],
})
 
export default store;

保存后,再运行程序,刷新后vuex中的数据就不会丢失了。

总结

到此这篇关于vuex刷新后数据丢失解决的文章就介绍到这了,更多相关vuex刷新数据丢失的解决内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Javascript中定义方法的另类写法(批量定义js对象的方法)
Feb 25 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
Javascript中浮点数相乘的一个解决方法
Jun 03 Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
红黑树的插入详解及Javascript实现方法示例
Mar 26 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
JavaScript大数相加相乘的实现方法实例
Oct 18 #Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 #Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 #Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 #Javascript
vue自定义树状结构图的实现方法
Oct 18 #Javascript
axios封装与传参示例详解
Oct 18 #Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 #Javascript
You might like
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
jquery获取当前点击对象的value方法
2014/02/28 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
vuex实现的简单购物车功能示例
2019/02/13 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
一篇不错的Python入门教程
2007/02/08 Python
Python+OpenCV实现车牌字符分割和识别
2018/03/31 Python
Python BS4库的安装与使用详解
2018/08/08 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
python实现文件的分割与合并
2019/08/29 Python
python 多进程队列数据处理详解
2019/12/23 Python
Python计算信息熵实例
2020/06/18 Python
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
网络专业学生个人的自我评价
2013/12/16 职场文书
企业承诺书怎么写
2014/05/24 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
大学生,三分钟即兴演讲稿
2019/07/22 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
CSS预处理框架——Stylus
2021/04/21 HTML / CSS
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS