keepalive选择性缓存

mac2024-05-16  34

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(); //返回页是不缓存的 },
最新回复(0)