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

Question

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

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

Answer 1

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

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

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