用v-for配合swiper渲染图片

<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