红框里的组件是在keep-alive里,会被缓存
业务需求是这样的,点击上图里业务受理的X关闭标签的时候,对应的红框里的组件要彻底销毁,不缓存组件。而切换标签的时候使用缓存组件。
业务逻辑其实和浏览器的标签栏一样,切换标签不会重载页面,点了关闭才会关闭
如何实现?
红框里的组件是在keep-alive里,会被缓存
业务需求是这样的,点击上图里业务受理的X关闭标签的时候,对应的红框里的组件要彻底销毁,不缓存组件。而切换标签的时候使用缓存组件。
业务逻辑其实和浏览器的标签栏一样,切换标签不会重载页面,点了关闭才会关闭
如何实现?
<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
<component :is="view"></component>
</keep-alive>
API -- Vue.js
13 回答12.8k 阅读
7 回答1.9k 阅读
9 回答1.6k 阅读✓ 已解决
6 回答922 阅读
3 回答1.1k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
了解下
keep-alive
的include
当你不想缓存时从include中排除即可