Quiero hacer que cuando se haga clic en un botón, aparezca un cuadro de diálogo asociado solo con este botón. Ahora, cuando se hace clic, se abren todos a la vez.
<v-col v-for="(goal, i) in goals" :key="i"> <v-card> <v-card-actions> <v-btn @click="more = true"> Подробнее </v-btn> </v-card-actions> </v-card> <v-dialog v-model="more"> <v-card> <v-btn @click="more = false"> Agree </v-btn> </v-card> </v-dialog> </v-col> <script> export default { data: () => ({ more: false, }), } </script>Intente reemplazar true/false con id o index :
data: () => ({ goalId: null, }), <v-col v-for="(goal, i) in goals" :key="i"> <v-card> <v-card-actions> <v-btn @click="goalId = i" //or goal.id > Подробнее </v-btn> </v-card-actions> </v-card> <v-dialog v-model="more" v-if="moreId === i" > <v-card> <v-btn @click="goalId = null" > Agree </v-btn> </v-card> </v-dialog> </v-col>