How to use keep-alive with transition in Vue?

how to use keep-alive with transition in Vue?

I am now switching between left and right with the effect of sliding left and right

clipboard.png

clipboard.png

transition

clipboard.png 

           <transition :name="transitionName">
                    <keep-alive>
                        <router-view v-if="$route.meta.keepAlive">
                        </router-view>
                    </keep-alive>
            </transition>
                    
            <transition :name="transitionName">
                    <router-view v-if="!$route.meta.keepAlive"></router-view>
            </transition>

how can I solve the problem if I add my animation in this way?

Html html5 javascript
Mar.21,2021

did not solve six months ago, six months later this new company project, finally found a solution to the problem, the perfect solution to this problem, can only be a transition package keepalive, just keepalive inside a bit special, using two transition will lead to animation overlap, tried six months ago, next time if you have time, write an article.
address: https://blog.csdn.net/a137069.

you can try include, but in the course of trying, I found that animation is fine, but keepalive is not working. Don't you know if you have found a solution now?

transition package look in keep-alive

keep-alive doesn't work. Still no cache

Previous: After vue proxyTable is packaged, the visit report is 404.

Next: Why is it that my rules here can only match the above ones, but not the lower ones?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
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-1b3aa13-2c233.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-1b3aa13-2c233.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?