<template>
<div class="main-headYe">
<el-carousel height="750px">
<el-carousel-item
v-for="item in ImgList"
:key="item"
>
<img
:src="require(`@/assets/${item}`)"
alt=""
/>
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
export default {
name: "HeadHome",
data() {
return {
ImgList: ["lun1.png", "lun1.png", "lun1.png"],
};
},
};
</script>
<style lang="less" scoped>
}
</style>
如代码所示需要使用require(`@/assets/${item}`)来展示图片,而不能直接在ImgList数组写相对路径
好了,下机😊