动态组件 :is="组件名" 来自于请求接口
来源:1-1 课程 导读

春去_秋来
2022-05-14
<script setup>
import { getDemoInfo } from '@/api/resume'
import { ref } from 'vue'
const data = ref({})
const getData = async () => {
data.value = await getDemoInfo()
}
getData()
</script>
<template>
<div v-for="item in data" :key="item.id">
<component :is="item.component" /> 变小写了导致渲染不出来
</div>
{{ data }}
</template>
有什么办法吗?
写回答
1回答
-
Sunday
2022-05-14
你好
这个可以具体看下这个文档:https://vuejs.org/api/sfc-script-setup.html#using-components
配合
defineAsyncComponent
实现。
00
相似问题