Vue.js 如何使带有图像的v形卡在单击时展开以显示图像描述？

如何使一个带有图像的v卡（Vuetify）在单击时展开以显示图像描述

例如：

<v-card>
  <v-img src = "URL" @click ="do something"> </v-img>
  <v-card toggle = "true">
   Image Description shown when clicked
  </v-card?
</vcard>

单击时显示的图像说明
希望这就是你的想法。我将把其余的微调工作交给你

Html:

<v-flex
                v-for="card in cards"
                v-bind="{ [`xs${card.flex}`]: true }"
                :key="card.title"
              >
                <v-card>
                  <v-img
                    :src="card.src"
                    height="200px"
                    @click="card.showDetails = !card.showDetails"
                  >

                  </v-img>

                  <v-card-actions v-show="card.showDetails">
                    {{card.description}}
                  </v-card-actions>
                </v-card>
              </v-flex>

完整示例


newvue({
el:“#应用程序”，
数据：（）=>({
卡片：[{
标题：“Pre-fab homes”，
src:'https://picsum.photos/800/800',
弹性：6，
描述：“随机图像”，
showDetails:错误
},
{
标题：“Pre-fab homes”，
src:'https://cdn.vuetifyjs.com/images/cards/house.jpg',
弹性：6，
描述：“房屋图像”，
showDetails:错误
},
{
标题：“最喜欢的公路旅行”，
src:'https://cdn.vuetifyjs.com/images/cards/road.jpg',
弹性：6，
描述：“道路图像”，
showDetails:错误
},
{
标题：“最佳航空公司”，
src:'https://cdn.vuetifyjs.com/images/cards/plane.jpg',
弹性：6，
说明：“平面图像”，
showDetails:错误
}
]
})
})

{{card.description}}
我可以像我一样添加一个运行片段来编辑您的答案吗？谢谢@Jeremy。是的，这就是我想做的。嗨@BoussadjraBrahim，一定要去做。非常感谢。
new Vue({
  el: '#app',
  data: () => ({

    cards: [
      { title: 'Pre-fab homes', src: 'https://picsum.photos/800/800', flex: 6, description: "Random Image", showDetails: false },
      { title: 'Pre-fab homes', src: 'https://cdn.vuetifyjs.com/images/cards/house.jpg', flex: 6, description: "House Image", showDetails: false   },
      { title: 'Favorite road trips', src: 'https://cdn.vuetifyjs.com/images/cards/road.jpg', flex: 6,  description: "Road Image", showDetails: false   },
      { title: 'Best airlines', src: 'https://cdn.vuetifyjs.com/images/cards/plane.jpg', flex: 6,description: "Plane Image", showDetails: false   }
    ]
  })
})