vue中的keep-alive

最近在优化项目的时候,突然看到keep-alive,就大概了解了下。
我的项目属于后台管理项目,里面有很多种tab和搜索条件,如下图:


大部分页面都是这样的.png

本来,是自己用localStorage来存储搜索条件、分页、tab的,但是这样的话,页面里面就会有十几个localStorage,存储赋值太繁琐。发现使用keep-alive就能解决,但keep-alive也有不足——无法再关掉项目后,再次打开的时候,存储之前的条件。但是考虑到实际使用场景,还是用keep-alive比较方便。

记录下使用方法:

  • router.js中设置


    router配置.png
  • App.vue入口文件设置


    入口页面设置.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容