Loading... ## 组件 ```html <router-view v-slot="{ Component, route }"> <transition :name="route.meta.transition || 'el-fade-in-linear'" mode="out-in"> <keep-alive :include="getCaches(route, Component)"> <component :is="Component" :key="route.meta.usePathKey ? route.path : undefined" /> </keep-alive> </transition> </router-view> ``` ```ts // 正常 getCachePages 是应该存在 vuex 或 pinia 中的 const getCachePages = [] const getCaches = computed(() => { return (route, Component) => { if (getCachePages.indexOf(Component.type.name) == -1 && route.meta.keepAlive == true) { getCachePages.push(Component.type.name) } return getCachePages } }) ``` ## 路由规则 ```ts [{ path: 'management', name: '管理首页', meta: { keepAlive: false // 是否开启缓存 }, component: () => import('../..'), }] ``` 最后修改：2022 年 12 月 07 日 © 允许规范转载 赞 如果觉得我的文章对你有用，请随意赞赏