编辑vuetify模式表格

Question

我需要编辑一个由Vuetify创建的表单，因此我需要在字段中填充现有数据，这些数据取决于我单击的卡片。 我使用对话框模式来显示它。

我该怎么做？

我的代码示例，如果您需要更多代码，请告诉我。

<template>
    <div class="editGroup">
        <v-dialog
                v-model="dialog"
                max-width="50%">

            <template v-slot:activator="{ on }">
                <v-icon class="penIcon" v-on="on">mdi-pencil-outline</v-icon>
            </template>

     <v-card>
       <p class="mt-12">Choose a name for your group</p>
       <v-text-field
       v-model="groupName"
    ></v-text-field>
  </v-card>
</template>


<script>
data() {
     return {
        groupName: ''
}
}

</script>

编辑：我正在将组对象的道具从父对象传递给子对象（此组件）。 如何为正确的卡单击显示正确的数据？