Vue transition flicker

<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;
}

I use this.$parent.show = false to close the component in the subcomponent, and the component flashes on the left side of the screen.
adding mode= "out-in" to the transition does not work

May.24,2022

remove v-show, and hide

if the component is empty.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf1f1e-31dc1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf1f1e-31dc1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?