PHP技术,网站开发,PHP,PHP学习,Python学习,PHP开发,人工智能,大数据服务

PHP+Python » 前端设计 » vue keep-alive添加

vue keep-alive添加

此文被围观319日期: 2019-05-30 分类 : 前端设计  标签:  ··

keep-alive的生命周期 

  1. activated: 页面第一次进入的时候,钩子触发的顺序是created->mounted->activated 

  2. deactivated:  页面退出的时候会触发deactivated,当再次前进或者后退的时候只触发activated

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

router配置

routes: [
  {
    path: '/',
    name: 'index',
    component: index,
    meta: {
      requiresAuth: true,
      keepAlive: true
    }
  }
]


vue keep-alive配置

© Copyright 2011-2019 adophper.com. All Rights Reserved.
读图网科技 版权所有。蜀ICP备12031064号