vue3 keep-alive失效

Web995

已于 2022-03-17 18:40:50 修改

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue.js 前端

于 2022-03-08 16:34:08 首次发布

本文链接：https://blog.youkuaiyun.com/Web995/article/details/123357090

这篇博客探讨了在Vue3中遇到的一个问题：keep-alive组件在包裹router-view时失效。作者提供了具体的代码片段，即用v-slot和动态组件的方式来尝试实现页面缓存，但依然遇到了CooperationManage组件无法被正确缓存的状况。博客可能涉及Vue3的生命周期、组件通信或者路由管理等技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3 keep-alive失效

使用下面的代码去做router-view包keep-alive包Component 写法

<router-view v-slot="{ Component }">
  <keep-alive :include="['CooperationManage']">
    <Component :is="Component" />
  </keep-alive>
</router-view>

export default {
  name: 'CopyrightConsult'
}

在这里插入图片描述