记录vue3 script setup坑

604 阅读1分钟

keep-alive无效

需要在普通script标签里设置name

// 父组件
<template>
    <router-view v-slot='{ Component }'>
        <keep-alive :include='KeepAliveList'>
          <component :is='Component'></component>
        </keep-alive>
     </router-view>
</template>

<script setup>
// 缓存列表
const KeepAliveList = ['Character']
</script>
// 子组件
<script lang='ts'>
export default {
  name: 'Character'
}
</script>

<script setup lang='ts'>
...
</script>