【vue3】vue3的keep-alive(keepAlive)失效
vue3的keep-alive(keepAlive)失效
·
vue3的keep-alive(keepAlive)失效
正确用法
- include 缓存的组件名称
- 与组件data同级的name属性
- max 最大缓存数
- 缓存的实例数量即将超过指定的那个最大数量,则最久没有被访问的缓存实例将被销毁,以便为新的实例腾出空间
<router-view :max="10" v-slot="{ Component }" :data="data" to="/">
<keep-alive :include="['home,find,info,me']">
<component :is="Component"></component>
</keep-alive>
</router-view>
错误用法
<keep-alive>
<router-view :data="data" to="/"></router-view>
</keep-alive>
//或
<keep-alive>
<router-view :key="$route.fullPath" :data="data" to="/"></router-view>
</keep-alive>
官方参考
更多推荐
已为社区贡献7条内容
所有评论(0)