vue項目中的跑馬燈的使用

在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>

這樣就好了，你自己試試嘍