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 相关文章推荐
将json当数据库一样操作的javascript lib
Oct 28 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
js初始化验证实例详解
Nov 26 Javascript
vue 中的keep-alive实例代码
Jul 20 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
vue项目移动端实现ip输入框问题
Mar 19 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
Vue组件生命周期运行原理解析
Nov 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
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
向左滚动文字 js代码效果
2013/08/17 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
Python提取频域特征知识点浅析
2019/03/04 Python
python3将变量输入的简单实例
2020/08/19 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
python读取图片颜色值并生成excel像素画的方法实例
2021/02/19 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
精伦电子Java笔试题
2013/01/16 面试题
运动会广播稿200字
2014/01/15 职场文书
优秀团员事迹材料
2014/12/25 职场文书
企业财务管理制度范本
2015/08/04 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
jquery插件实现悬浮的菜单
2021/04/24 jQuery
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python