<template>
<div class="tabs">
<swiper :options="swiperOption">
<!-- slides -->
<!--注意这里必须要有:key否则,报错-->
<!--原因:https://blog.csdn.net/qq_43540219/article/details/107615142-->
<swiper-slide v-for="item in tabsList" :key="item.id">
<div >
<!--注意这里src要改成:src-->
<img :src='item.imgUrl' >
<p>{
{item.title}}</p>
</div>
</swiper-slide>
<!-- Optional controls -->
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
</template>
<style scoped>
.tabs {
padding: .3rem 0;
}
</style>
<script>
export default {
da
用v-for配合swiper渲染图片
最新推荐文章于 2023-06-02 16:24:41 发布