vue的keep-alive坑点

黄良钵

分类: 程序开发 94 0

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

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

<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>
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
echarts、keep-alive、Vue

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “vue的keep-alive坑点”

Loading...