vue3 - Vue3 组合式API中使用component实现tab切换视图不显示问题？

Question

vue3 组合式风格中 使用component 内置组件 实现tab切换视图 （用import com form ...导入组件的方式） 为什么有的视图组件显示 有的视图组件执行不显示？没有任何报错

希望正常显示

Answer 1

贴一下你的代码康康

Answer 2

类似于这样子？

<script setup>import { ref } from 'vue'import A from './A.vue';import B from './B.vue';import C from './C.vue';const cmp = ref('A')const cmpMap = {  A,  B,  C}function change(val) {  cmp.value = val}</script><template>  <!-- 模拟tab -->  <button @click="change('A')">toA</button>  <button @click="change('B')">toB</button>  <button @click="change('C')">toC</button>  <component :is="cmpMap[cmp]" /></template>

效果：