1. 程式人生 > ><keep-alive>控制Vue Router路由

<keep-alive>控制Vue Router路由

view homepage 信息 app keepal div path router class

只給部分組件加上<keep-alive>啊,在app.vue裏這樣

<!-- 這裏是需要keepalive的 -->
<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>

<!-- 這裏不會被keepalive -->
<router-view v-if="!$route.meta.keepAlive"></router-view>

然後在設置路由信息的時候這樣

{
  path: ‘‘,
  name: ‘‘,
  component: ,
  meta: {keepAlive: true} // 這個是需要keepalive的
},
{
  path: ‘/home‘,
  name: ‘home‘,
  component: homepage,
  meta: {keepAlive: false} // 這是不會被keepalive的
}

  

<keep-alive>控制Vue Router路由