Vue里面的div套用背景图片

最新推荐文章于 2024-10-09 08:55:16 发布

像夏天一样热

最新推荐文章于 2024-10-09 08:55:16 发布

阅读量875

点赞数 1

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_37356556/article/details/105078648

版权

Vue 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了Element UI中轮播图组件的使用方法，包括如何设置轮播间隔、箭头显示方式及高度等属性，同时展示了如何利用v-for循环遍历图片列表并设置背景图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <el-carousel :interval="3000" arrow="always" height="570px">
                        <el-carousel-item v-for="item in imgsList" :key="item.id">
                           <!--<img :src="item.imgUrl">-->
                            <div class="imgDiv" :style="{backgroundImage:'url('+item.imgUrl+')'}"></div>
                        </el-carousel-item>
                    </el-carousel>