Vue动态切换页签缓存页面内容

之前在上家公司自己建系统的时候出现过切换页签,但切换后上个页面的内容没有被缓存,而是重新渲染了。

正好学习Vue3时看到了解决方法。

(之前因为赶工作进度,学习Vue2时没有用心看<–要改正的问题

使用<keep-alive></keep-alive>将切换的组件包裹起来即可

1
2
3
<keep-alive>
<component :is="currentTabComponent"></component>
</keep-alive>
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2020-2024 Aweso Lynn
  • PV: UV: