1.main.js
/* 页面数据缓存 */ var _CACHE_OBJS = {}; function _init_cache(comp, key, cache) { var obj = cache[key]; if (obj !== undefined) { comp[key] = obj; } var deep = typeof comp[key] === 'object'; comp.$watch(key, function (val) { //console.log("page " + key + " updated"); cache[key] = val; }, { deep: deep }); } var _PAGE_CACHE = { /* * 初始化页面缓存数据 * comp: 当前页面component 对象 * path: 当前页面vue router path * data: 需要缓存的数据对象名称,或名称数组 */ cache: function (comp, path, data) { if (data == '' || data == undefined || data == null) { data = restore(comp._data); } var cache = _CACHE_OBJS[path]; if (cache === undefined) { cache = {}; _CACHE_OBJS[path] = cache; } if (typeof data == 'string') { _init_cache(comp, data, cache); } else { var i; for (i = 0; i < data.length; ++i) { _init_cache(comp, data[i], cache); } } console.log(_CACHE_OBJS, "页面数据缓存"); }, /* 清除页面缓存 */ clear: function (path) { delete _CACHE_OBJS[path]; }, /* 清空所有缓存数据 */ reset: function () { //console.log("reset page cache"); _CACHE_OBJS = {}; }, /*根据path查看当前页面缓存是否存在*/ has_cache: function (path) { return _CACHE_OBJS[path] !== undefined && !isEmptyObject(_CACHE_OBJS[path]); } }; Vue.prototype.$cache = _PAGE_CACHE; /* eslint-disable no-new */ var restore = function (vueObject) { var result = []; for (var index in vueObject) { result.push(index); } return result; }; var isEmptyObject = function (obj) { for (var key in obj) { return false; } return true; }
以上这篇关于vue路由缓存清除在main.js中的设置就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“关于vue路由缓存清除在main.js中的设置”评论...
更新动态
2024年04月29日
2024年04月29日
- 4.6版本隐藏锚点位置一览,隐藏锚点在哪
- 群星.2024-追风者电视剧影视原声带【SONY】【FLAC分轨】
- 曾庆瑜.1992-18首中英文经典全集【派森】【WAV+CUE】
- 群星.1991-华纳浪漫心曲精丫华纳】【WAV+CUE】
- 幕府将军 Shogun
- 纳克鲁斯 Knuckles
- 特污兔《填空题》[FLAC/分轨][239.68MB]
- 陈奕迅《黑白灰》台湾版[WAV+CUE][400M]
- 群星《三大发烧女声》3CD[WAV+CUE][2G]
- 英雄传说闪之轨迹北方战役国际版 5月29日全球同步上市
- 仙剑世界风启测试定档5月31日 感受属于东方的浪漫幻想世界
- 元气骑士前传星界法师怎么玩 操控黑暗禁忌
- 物华弥新迷踪盘第二关怎么过 迷踪盘第二关通关方法
- 物华弥新迷踪盘第三关怎么过 迷踪盘第三关通关方法
- 物华弥新迷踪盘第四关怎么过 迷踪盘第四关通关方法