1.在img标签里面直接写上路径:(静态)
<img src="../assets/a1.png" class="" width="100%"/>
2.利用数组保存再循环输出:(动态)
<el-carousel-item v-for="item in carouselData" :key="item.id">
<img :src="item.url" class="carouselImg"/>
<span class="carouselSpan">{{ item.title }}</span>
</el-carousel-item>
data: () => ({
carouselData:[
{url:require('../assets/a1.png'),title:'图片1',id:1},
{url:require('../assets/a3.png'),title:'图片2',id:2},
{url:require('../assets/a4.png'),title:'图片3',id:3}
]
}),
网友评论