首先在router/index.js中的 routes中的每一项加上
meta: {
keepAlive: false
}
就按好像下面一样,注意,false代表不需要缓存,true代表需要缓存
{
path: "/teamFun",
name: "teamFun",
component: teamFun,
meta: {
keepAlive: false
}
},
在App.vue中要这样写
<keep-alive>
<router-view v-if="$route.meta.keepAlive" />
</keep-alive>
<router-view v-if="!$route.meta.keepAlive" />
才可以,声明周期如果需要执行多次的话,最好写在 actived生命周期中,因为created和mounted都是执行一次的,或者还需要在,beforeRouteEnter生命周期判断是哪个页面返回,在activated生命周期进行根据判断来执行相应的操作!