vue的keep-alive坑点

keep-alive的子元素必须是component或者<router-view/>

否则会不生效，会出现奇奇怪怪的问题，尤其是有echarts的页面

https://blog.bg7zag.com/wp-content/uploads/2022/10/1665482423-image.png

<router-view v-slot="{ Component, route }">
    <transition name="fade-slide" mode="out-in" appear>
        <Suspense>
        <!-- keep-alive 的子元素必须是<component />或者<router-view/>，否则不生效。
            而且会出现奇奇怪怪的问题，尤其是有echarts的页面 -->
        <keep-alive :max="10">
            <component :is="Component" :key="route.name" />
        </keep-alive>
        </Suspense>
    </transition>
</router-view>