//cookies存储select选定值,防止刷新后没了 window.onload = function () { var cooki = document.cookie; if (cooki != "") { cooki = "{\"" + cooki + "\"}"; cooki = cooki.replace(/\s*/g, "").replace(/=/g, '":"').re…

ztree :http://www.ztree.me/v3/main.php 项目中用到了这个插件,刚好也有需求 在页面刷新后,保存开始的展开.折叠状态, 其实 dtree: http://www.destroydrop.com/javascripts/tree/  原生就支持了,不想折腾的,可以直接用这个, 我不使用 dtree 是因为 以前项目中使用过 ztree ,且自定义了皮肤,so .... 简单说下,实现原理 1. 在 onCollapse , onExpand 里面使用 cooki…

<template> <div id="leftMenuList"> <el-row> <el-col :span="24"> <el-menu :default-active="currentMenu" active-text-color="#ffd04b" router> <el-menu-item index="/homePage"&g…

正常情况刷新后选中菜单会失去选中的状态,需要把default-active 当前激活菜单的 index保存下来这样刷新后读取 methods方法中增加 getSess() { this.active = window.sessionStorage.getItem("active"); }, setSess(val) { window.sessionStorage.setItem("active", val); }, 然后再created方法中每次创建后读取 this…

第一部分 SessionStorage 首先查看sessionStorage的地方在控制台的 Application > Storage > Session Storage这里: 根据sessionstorage的特性,做一下各个方法的封装: const ls = window.sessionStorage; export default { getItem(key) { try { return JSON.parse(ls.getItem(key)); } catch (err) { ret…

在store.js中 export default new vuex.Store({ // 首先声明一个状态 state state:{ pcid: '', postList: [], } //更新状态 mutations:{ changepcId(state, _pcid){ state.pcid = _pcid; }, changepostList(state, _postList){ state.postList = _postList; Cookies.set('postList', _…

https://www.jb51.net/article/138218.htm 1.原因 2.解决方法 localStorage没有时间期限,除非将它移除,sessionStorage即会话,当浏览器关闭时会话结束,有时间期限,具有自行百度 我这里使用sessionStorage,这里需要注意的是vuex中的变量是响应式的,而sessionStorage不是,当你改变vuex中的状态,组件会检测到改变,而sessionStorage就不会了,页面要重新刷新才可以看到改变,所以应让vuex中的状态…

一.原因 js代码是运行在内存中的,代码运行时的所有变量.函数也都是保存在内存中的. 刷新页面,以前申请的内存被释放,重新加载脚本代码,变量重新赋值,所以这些数据要想存储就必须存储在外部,例如:Local Storage.Session Storage.Index DB等.这些都是浏览器提供的API,让你可以将数据存储在硬盘上,做持久化存储.具体选择哪一个就根据你实际需求来选择. 二.解决方案 在客户端存储数据: HTML5提供了2种在客户端存储数据的新方法:localStorage没有时间期限…

在vue项目的开发中经常会用到vuex来进行数据的存储,然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题!下面是我用过的解决方法 利用storage缓存来实现vuex数据的刷新问题 我们可以在mutation等vuex的方法中对于数据进行改变时,将数据同时存储进我们的本地浏览器缓存中:下面是我在mutation中写的方法: 同步将数据的更改保存,也可以在页面调用vuex的mutation方法时同步更改:但是这种方法只能针对少量的数据需要保持不刷新,在真正的卡发中并不适用 利用…

第一: 在你刷新前保存所在位置的行号 procedure XXXClass.LockPositionEx;begin DisableControls; FHistoryRecNo := 0; FHistoryIndexName := EmptyStr; if Active then begin if IndexName <> EmptyStr then FHistoryIndexName := IndexName; IndexName := EmptyStr; if not IsEmpty t…