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 相关文章推荐
JS localStorage实现本地缓存的方法
Jun 22 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
详解vue-cli3 中跨域解决方案
Apr 10 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
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
php 文章调用类代码
2011/08/11 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
destoon数据库表说明汇总
2014/07/15 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
2019/09/06 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
python发送HTTP请求的方法小结
2015/07/08 Python
Python使用re模块实现信息筛选的方法
2018/04/29 Python
flask中过滤器的使用详解
2018/08/01 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
解决Mac下使用python的坑
2019/08/13 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
基于python调用psutil模块过程解析
2019/12/20 Python
Python+PyQt5实现灭霸响指功能
2020/05/25 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
吉尔德利巧克力公司:Ghirardelli Chocolate Company
2019/03/27 全球购物
党校学习思想汇报
2014/01/06 职场文书
认识深刻的检讨书
2014/02/16 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书