vue清除html缓存,关于vue路由缓存清除在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;

}