展示环节
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
路由的配置
{
path: "my",
name: "chart23",
component: my,
meta:{
keepAlive:true
}
}
配合keepAlive属性 结合meta属性中的keepAlive属性的布尔值来进行不同的组件渲染
vue-router 展示缓存的组件的使用 keepAlive
最新推荐文章于 2022-04-16 19:06:54 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)