关于Vue过渡动效<router-view>无法包含header一起实现动画效果的问题

Question

<template>
  <div id="app" v-cloak class="page-brand">
    <Header v-show="isHeader" class="headerShow"></Header>
      <transition :name="transitionName">
        <template v-if="!$route.meta.keepAlive">
          <router-view v-if="!$route.meta.keepAlive" class="child-view" style="height:100%"></router-view>
        </template>
        <template v-else>
          <keep-alive>
            <router-view v-if="$route.meta.keepAlive" class="router_v" style="height:100%"></router-view>
          </keep-alive>
        </template>
      </transition>
    </duv>
</template>

上面是app.vue里的代码
<Header>这段代码是应用里的导航栏。不能放进<transition :name="transitionName">里一起使用，让页面转场动画顶部的导航栏不跟随一起进行动画。
请问有什么其他办法进行解决吗，我希望整个页面不管是header还是footer都一起进行动画效果？

Answer 1

应为header不在路由内