vue 使用el 实现轮播图 active问题

<div class="carousel-inner" role="listbox">
    <div  v-for="(banner, index) in bannerList" :key="index" :class="`item ${index === 0 ? 'active' : ''}`">
        <img :src=banner.src :alt=banner.name height="100" width="700" @click="bannerClickFun(banner.name)">
        <div class="carousel-caption"></div>
    </div>
</div>