Показать названия разных карт в vuetify - PullRequest
Новая
       15

Показать названия разных карт в vuetify

0 голосов
/ 06 ноября 2019

Как я могу отображать в диалоговом окне данные, поступающие из моей базы данных? 

<v-row class="albumLayout">
            <div v-for="(album, index) in allAlbums" :key="index">
              <v-col>
                <v-card>
                  <v-card-title>{{album.ALBUM}}</v-card-title>

                  <v-btn color="green" style="margin:10px" @click="dialog = !dialog">VIEW ALBUM</v-btn>

                  <v-btn color="red" style="margin:10px">DELETE ALBUM</v-btn>

                  <v-dialog v-model="dialog">
                    <v-card>
                      <v-card-title>{{album.ALBUM}}</v-card-title>
                    </v-card>
                  </v-dialog>
                </v-card>
              </v-col>
            </div>
</v-row>

На данный момент, это просто отображает I AM TITLE # 3 каждый раз, когда я нажимаю кнопку просмотра альбома каждой карты.

image

Вопрос в том, как изменить это, чтобы отображать названия для каждой конкретной карты.

1 Ответ

0 голосов
/ 10 ноября 2019

Ваш обработчик кликов должен сделать 2 вещи: установить альбом и показать диалоговое окно.

  1. добавить selectedAlbum: null к вашим данным
  2. , чтобы открыть диалоговое окно при нажатии, установитьselectedAlbum = album
  3. установите для диалоговой модели значение !! selectedAlbum, чтобы показывать только, когда установлен альбом
  4. , используйте selectedAlbum вместо альбома в вашем диалоговом окне
  5. Чтобы закрыть для selectedAlbum значениеnull
...