解决vuex中store保存数据，刷新页面会清空得问题

1.在App.vue下加入

mounted() {window.addEventListener("unload", this.saveState);},methods: {saveState() {sessionStorage.setItem("state", JSON.stringify(this.$store.state));}}

2.在store下的index.js文件下修改

state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): {},

在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/403957.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

arm MMU详解

arm MMU详解

一、MMU的产生许多年以前，当人们还在使用DOS或是更古老的操作系统的时候，计算机的内存还非常小，一般都是以K为单位进行计算，相应的，当时的程序规模也不大，所以内存容量虽然小，但还是可以容纳当时…
阅读更多...
二叉树的建立与三种遍历

二叉树的建立与三种遍历

树是一种数据结构，为什么叫它“树”，因为它倒过来就是一棵树 根在上，而叶在下 其概念主要有根、父、子、深、叶等， 如上图：A为这棵树的根 B为D的父，而D则为B的子 E、F、G互为兄弟, D也可以叫叶 这也是一棵深…
阅读更多...
vue中如何设置和清除定时器setInterval

vue中如何设置和清除定时器setInterval

data中生明定时器 方法里使用和清除定时器
阅读更多...
VMware10中安装Mac10.9.3

VMware10中安装Mac10.9.3

教程网上确实有，我主要参考这个：http://bbs.pcbeta.com/viewthread-1418055-1-1.html 但是我按它的步骤，用我自己下载的mac os x 10.9.3原版.dmg在启动系统时就是会失败，我试过提取里面的InstallESD.dmg(取了2次，第一…
阅读更多...
cisco 交换机通过console 导入 IOS

cisco 交换机通过console 导入 IOS

准备说明： 电脑上安装有 SecureCRT 软件 导入 IOS： 第一步：使用 SecureCRT 连接上交换机。进入rommon 模式（CtrlBreak组合键） 第二部：设置波特率为115200.调整波特率，可以大大减少灌IOS的时间&a…
阅读更多...
localStorage.getItem 往浏览器里面储存数据到本地localStorage

localStorage.getItem 往浏览器里面储存数据到本地localStorage

借鉴https://blog.csdn.net/aaa333qwe/article/details/79025336 往浏览器里面储存数据 localStorage.setItem(‘todos’, JSON.stringify(value)) 读取 const list JSON.parse(localStorage.getItem(‘todos’)) || []
阅读更多...
ZOJ 1450 Minimal Circle 点集的最小圆覆盖

ZOJ 1450 Minimal Circle 点集的最小圆覆盖

From: http://blog.csdn.net/zmx354/article/details/17076267 给定一个点集，求出能覆盖点集内所有点的半径最小的圆。包含点在圆上的情况。个人感觉算是比较麻烦的计算几何模板了。 在网上看了很多解题，大多数都摘抄自《求一个包含点集所有点的最小圆…
阅读更多...
命令行选项解析函数(C语言)：getopt()和getopt_long()

命令行选项解析函数(C语言)：getopt()和getopt_long()

上午在看源码项目 webbench 时，刚开始就被一个似乎挺陌生函数 getopt_long() 给卡住了，说实话这函数没怎么见过，自然不知道这哥们是干什么的。于是乎百度了一番，原来是处理命令行选项参数的，的确，正规点的大…
阅读更多...
夺命雷公狗ThinkPHP项目之----企业网站2之数据库的快速设计

夺命雷公狗ThinkPHP项目之----企业网站2之数据库的快速设计

我们在一个项目的时候，花费最多事件的估计还是数据库的时间了，我们的数据库暂时就这样设计好了： 暂时我们的数据库就这样设计好了用下先,建好后如下所示： 转载于:https://www.cnblogs.com/leigood/p/5411017.html
阅读更多...
把寄存器做成一个结构体，赋值初始地址后寄存器赋值的操作

把寄存器做成一个结构体，赋值初始地址后寄存器赋值的操作

阅读更多...
6月份美国域名总量新增近5.4万个 环比减少51%

6月份美国域名总量新增近5.4万个 环比减少51%

中国IDC评述网07月03日报道：据域名统计机构WebHosting.info公布的数据显示，截至2012年6月25日，美国域名总量达到了79,632,920个，域名增幅较小。下面，IDC评述网与大家一起关注6月份美国域名注册量最新情况。 &#xff0…
阅读更多...
vue+element-ui大文件的分片上传和断点续传js-spark-md5和browser-md5-file

vue+element-ui大文件的分片上传和断点续传js-spark-md5和browser-md5-file

注意：以下共两份代码片段，第一份为原博主链接代码，第二份自己写的整体代码（比较乱） 1.参考 https://www.cnblogs.com/kelelipeng/p/10158599.html （js-spark-md5和browser-md5-file） 和 https:…
阅读更多...
Fedora 20 安装试用体验全程讲解

Fedora 20 安装试用体验全程讲解

From: http://www.jb51.net/os/Fedora/177583.html Fedora 20在两次跳票后正式发布，主要特性包括：远程桌面方案X2Go；网络管理器支持扩大绑定和桥接功能；改进3D打印机支持等，本文中，作者对Fedora 20 进行安装…
阅读更多...
NUC972配置为支持NFS

NUC972配置为支持NFS

为了使用NFS进行调试。需要安装NFS server,具体的流程在上一篇博文中有较为详细的介绍。在配置内核时需要做如下的操作： 对于Boot option中的处理，可以不用写在env.txt配置也是可以的。 baudrate115200 bootargsnoinitrd consolettyS0,115200 r…
阅读更多...
【Fedora20】 samba配置

【Fedora20】 samba配置

From: http://blog.163.com/shi_shun/blog/static/23707849201452641312640/ 1、安装前的准备 关闭防火墙 //不关的后果是windows看不到本机 systemctl stop firewalld //暂时关闭防火墙 systemctl disable firewalld //开机禁止启动 关闭selinux //不关…
阅读更多...
【操作系统】实验二 作业调度模拟程序

【操作系统】实验二 作业调度模拟程序

一、目的和要求 1. 实验目的 （1）加深对作业调度算法的理解； （2）进行程序设计的训练。 2．实验要求 用高级语言编写一个或多个作业调度的模拟程序。 单道批处理系统的作业调度程序。作业一投入运行&#xff0…
阅读更多...
vue-cli3.0修改浏览器中的小图标

vue-cli3.0修改浏览器中的小图标

阅读更多...
Nuc972使用NandFlash时，uboot所需要的改动

Nuc972使用NandFlash时，uboot所需要的改动

先贴错误现象。 做工程，我发现，就应该里面记录下来，哪怕再简单，一两个月后，果断忘，最不能相信自己的脑子。不好使~~~~
阅读更多...
手把手教你用Python爬虫煎蛋妹纸海量图片

手把手教你用Python爬虫煎蛋妹纸海量图片

我们的目标是用爬虫来干一件略污事情 最近听说煎蛋上有好多可爱的妹子，而且爬虫从妹子图抓起练手最好，毕竟动力大嘛。而且现在网络上的妹子很黄很暴力，一下接受太多容易营养不量，但是本着有人身体就比较好的套路，特意分…
阅读更多...
chrome浏览器的跨域设置，前端修改跨域问题

chrome浏览器的跨域设置，前端修改跨域问题

原文：https://www.cnblogs.com/laden666666/p/5544572.html 做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023