app.vue
<template>
<div id="app">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"/>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"/>
</div>
</template>
index.js(路由)
{
path: '/CommunityDynamics',
name: 'CommunityDynamics',
component: CommunityDynamics,
meta: {
requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的
keepAlive: true, //是否缓存(缓存后不刷新)
}
},
组件内修改(script的export default里面)
beforeRouteLeave(to, from, next){
to.meta.keepAlive = false; // 不缓存(路由跳转刷新)
next(); //下一页是不缓存的
from(); //返回页是不缓存的
},