失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > VUE 页面缓存与不需要缓存的页面处理

VUE 页面缓存与不需要缓存的页面处理

时间:2024-04-15 13:51:37

相关推荐

VUE 页面缓存与不需要缓存的页面处理

vue实现页面缓存,一般是缓存了所有的页面,如果不想缓存某一个页面可以使用一些判断实现。

缓存技术是 vue include 存放一个数组,include是需要缓存的组件

```

<template>

<div>

<keep-alive :include="tagsList">

<router-view></router-view>

</keep-alive>

</div>

</template>

<script>

export default {

data() {

return {

tagsList: [],

noKeepAliveList:['/page1','/page2'], //无需缓存的页面

};

},

created() {

// 只有在标签页列表里的页面才使用keep-alive,即关闭标签之后就不保存到内存中了。

bus.$on('tags', msg => {

let arr = [];

for (let i = 0; i < msg.length; i++) {

if(msg[i].name){

let pathname = msg[i].path.split('?')

if(this.noKeepAliveList.indexOf(pathname[0])==-1){

arr.push(msg[i].name);

}

}

}

this.tagsList = arr;

});

}

};

</script>

```

如果觉得《VUE 页面缓存与不需要缓存的页面处理》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。