vue transition闪烁

Question

<transition name="slideInRight">
    <keep-alive>
        <component :is="totalSide[currentIndex]" v-show="show"></component>
    </keep-alive>
</transition>

.slideInRight-enter,
.slideInRight-leave-to {
  right: -260px;
}
.slideInRight-enter-active {
  transition: all .3s ease;
}
.slideInRight-leave-active {
  transition: all .3s ease;
}

我在子组件里面用this.$parent.show = false来关闭组件，屏幕左侧会闪一下组件
在transition 上加 mode="out-in" 也不行

Answer 1

去除v-show即可，组件为空即可实现隐藏