动态组件 :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

实现。

0
0

基于 Vue3 ,打造前台+中台通用开发提效解决方案

42 种前台常见业务模型, 15 种中台通用组件,成为前端提效高手

788 学习 · 517 问题

查看课程