vue keepAlive状态保持

最新推荐文章于 2023-10-10 08:56:03 发布

suuntil

最新推荐文章于 2023-10-10 08:56:03 发布

阅读量483

点赞数

分类专栏： js 文章标签： vue

本文链接：https://blog.csdn.net/suuntil/article/details/123147624

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

keepAlive状态保持
 
1 主要实现原理，状态保持的路由不会执行生命周期的钩子函数，只有第一次进入页面会执行钩子函数。
2 设置当前页面保持keepAlive  直接在路由meta中配置即可
meta{
keepALive:true
}
 
<keep-alive>
  <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

优惠劵

suuntil

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue keepAlive状态保持

keepAlive状态保持 1 主要实现原理，状态保持的路由不会执行生命周期的钩子函数，只有第一次进入页面会执行钩子函数。2 设置当前页面保持keepAlive 直接在路由meta中配置即可meta{keepALive:true} <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if.
复制链接

扫一扫