Vue标签style中添加背景图片

<swiper :options="swiperOption" ref="mySwiper">
            <swiper-slide v-for="item of listData" :key="item.id">
                <a :href="item.url" class="swiper-slide-img" target="_blank" :style="{'background-image': 'url('+item.img+')'}">
                    <div class="slide-title">
                        <div class="container">
                            <p>
                                {{item.title}}
                            </p>
                        </div>
                    </div>
                </a>
            </swiper-slide>
            <div class="swiper-pagination" slot="pagination"></div>
            <!-- <div
                        class="swiper-button-prev"
                        slot="button-prev"
                    ></div>
                    <div
                        class="swiper-button-next"
                        slot="button-next"
                    ></div> -->
        </swiper>

组合swiper组件使用

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容