在vue项目中,你会发现你的图片无法显示,在这我bia出来我的写法。
<el-carousel trigger="click" height="150px">
<el-carousel-item v-for="(img,index) in carousels" :key="index">
<img v-bind:src="img.url">
</el-carousel-item>
</el-carousel>
然后在script中写:
<script>
export default {
data() {
return {
carousels: [
{url:require("../../assets/book1.png")},
{url:require("../../assets/book2.png")},
{url:require("../../assets/book3.png")},
]
}
}
}
</script>
这样就好了,你自己试试喽