如何使用 Nuxt.js 从缓存中排除组件？

Posted 2023-02-23

【中文标题】如何使用 Nuxt.js 从缓存中排除组件？

【英文标题】：How to exclude component from caching using Nuxt.js?

【发布时间】：2021-08-14 11:18:15

【问题描述】：

我正在尝试在 Nuxt.js 中使用 Vue.js keep-alive prop，我正在尝试缓存除一个之外的所有组件，这是我想从缓存中排除的 basket 组件，每次用户添加一个项目到篮子我想再次显示组件并加载数据，我尝试过这个技巧它似乎不起作用，最好的解决方案是什么？

<template>
  <div>
    <TheHeader />
      <Nuxt keep-alive :keep-alive-props="exclude: ['basket']" />
  </div>
</template>

【参考方案1】：

再次检查您的开发工具是否设置了正确的道具，因为这确实是正确的语法。

仔细检查您是否也有这些组件。并且其他的（您要包含的）已正确缓存。 如果还是不行，请给我们看Basket 组件或进行复制。

这还取决于您实际加载/访问数据的方式。在某些方面并不那么简单，并且取决于 vuex/middlewares 等。