Ako komunikovať aktuálnu položku v slučke v-for so súbormi - ecmascript-6, vuejs2

Stavím aplikáciu Galéria obrázkov pomocou VueJS a jedna súčasť galérie je rolovanie karuselu, ktorý som prevzal z knižnice Vuetify. Karusel vyzerá takto -

<v-carousel :cycle="false" icon="none">
<v-carousel-item v-for="(image,index) in imageList" :src="image"
:key="index">
</v-carousel-item>
</v-carousel>

Keď prechádzam cez karusel, chcem zobraziť aktuálny obrázok, t. J. Aktuálnu väzbu src pre v-carousel-item ktoré sa majú oznámiť súrodencovi.

Mám problémy s extrahovaním aktuálneho src do premennej javascript - akonáhle to urobím, môžem prísť na to, ako sa dostať do druhej zložky.

Prosím pomôžte.

odpovede:

<v-carousel v-model="carouselIndex">
<v-carousel-item v-for="(src,i) in images" :src="src" :key="i"></v-carousel-item>
</v-carousel>
<span>Current Index: {{carouselIndex}}</span>