//在项目的app.vue中添加keep-alive
<template>
<div id="app">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"/>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"/>
</div>
</template>
//在路由配置文件中配置
{
path: '/A',
name: 'A',
component: A,
meta: { title: "A", keepAlive: true }
},
// A.vue中
beforeRouteLeave(to, from, next) {
if (to.name === "B") {
from.meta.keepAlive = true;
} else {
from.meta.keepAlive = false;
}
next();
},
A页面跳转到B页面,B页面返回到A页面时A页面保持不变,其他页面返回到A时A不留缓存
于 2021-01-28 19:41:27 首次发布