vue路由切换在不加transition过渡的情况下会白屏闪一下，如何避免？

Question

// App.vue

<template>
  <div id="app">
     <router-view></router-view>
  </div>
</template>

// router.js

const routes = [{
        path: '/loading',
        name: 'Loading',
        component: Loading
    },
    {
        path: '/agegate',
        name: 'AgeGate',
        component: AgeGate
    }],

比如上面的，当前页是Loading页，通过this.$router.replace('/agegate')后，页面会快速白屏闪一下，然后再出现AgeGate页面，请问如何避免闪烁的这种情况？还是说我的写法有问题？（有试过加动画，但在不加过渡动画的情况下该怎么解决呢？）

Answer 1

不知道是不是因为载入了数据导致容器高度变化，可以尝试加一个最小高度