Vue.js中的轮播处理一个数据，但不处理另一个数据

Question

我正在显示轮播项目中的动态数据。相同的滑块代码适用于一个类别的数据，但不适用于另一类别的数据。代码如下。请帮助。

   <div id="carouselExampleIndicators2" class="carousel slide" >
   <ol class="carousel-indicators">
   <li data-target="#carouselExampleIndicators2" 
   data-slide- to="0"class="active"> 
   </li>
   <li data-target="#carouselExampleIndicators2" data-slide-to="1"></li>
   <li data-target="#carouselExampleIndicators2" data-slide-to="2"></li>
    </ol>
     <a href="">

      <div class="carousel-inner" >

    <div v-for="(myobj,index) in 
    singlePost.files" class="carousel-item" :class="{ active: index==0 }">

     <img :src="getAvatar(myobj.url)" 
    style="width: 100%;object-fit: cover" class="img-fluid">
    </div>

    </div>
    </a>
    </div>
    <p class="post-descc  mt-3" v-if="singlePost.caption"> 
     {{singlePost.caption}}
    </p>