Is there a way to customize each animation so that it is specific to the selected v-card? Right now, when one card is clicked, all of them play the same animation.
data: () => ({
show: true,
images: [
{url:require('@/assets/london.png'), title: 'hello'},
{url:require('@/assets/london.png')},
{url:require('@/assets/london.png')},
],
<v-card class="ms-8 mb-5" v-for="image in images" v-bind:key="image" width="300" height="300" style="display: inline-flex" elevation="15" v-on:click="show = !show">
<v-img v-if="show" height="300" width="300"
:src="image.url">
</v-img>
</v-card>