Vue keep-alive 如何动态清除指定组件缓存？

发布日期： 2024-11-03 阅读量： 作者： 网络

利用 include 属性动态清除 keep-alive 组件缓存

在 vue keep-alive 搭配 component 的管理页面中，需要添加选项卡移除功能，同时清除对应组件的缓存。以下是如何根据 page_id 动态清除指定注册组件缓存的具体步骤：

例如，在代码中，可以在 keep-alive 组件中添加以下代码：

<keep-alive :include="page_id_list">
  <component :is="viewName" :key="viewName" :message="page_message"></component>
</keep-alive>

随便看看