小编Cih*_*aan的帖子

我试图在子组件中动态加载图像，但图像没有加载。

这是我尝试过的：

基本的 :src="imagePath" 未加载

require 不再可用，因此不起作用

import( ../${imagePath}) 返回一个未定义的 Promise

这是我的代码：

父组件

<script setup lang="ts">
import TheProject from './utils/TheProject.vue';


const projects = [
  {
    idProject: 1,
    title: "title",
    desc: "desc",
    imagePath: "../path/..",
    cardColor: "C4F6DE"
  },
]

</script>

<template>
      <div v-for="project in projects">
        <TheProject :idProject="project.idProject" :title="project.title" 
        :desc="project.desc" :imagePath="project.imagePath" :cardColor="project.cardColor" />
  </div>
</template>

子组件

<script setup lang="ts">

import { onMounted } from 'vue';

const props = defineProps({
    idProject: Number,
    title: String,
    desc: String,
    imagePath: String,
    cardColor: String
})

</script>

<template> …