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