欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

keepAlive使用

程序员文章站 2022-04-26 11:19:09
...

前言:keepAlive用于组件缓存,被keepalive包含的组件会缓存

项目中碰到场景:一个tab列表,进入第二个tab内页详情之后返回,依然让tab停留在第二个tab上,即保存状态

1.给需要缓存的组件加name
keepAlive使用
2.在包含该组件(离该组件最近的一个父组件)上添加keepalive
keepAlive使用
3.如果该组件包含很多个子组件,而只有一个自组件是需要被缓存时,可用include

:include="keepAliveArr"(上图keepalive中已使用到)
keepAliveArr: ['personal-tabs'](刚刚需要被缓存的组件)

以上,结束~~

相关标签: vue