Всем привет, подскажите пожалуйста, есть такой код: <v-slide-item

Question

Всем привет, подскажите пожалуйста, есть такой код: <v-slide-item

v-for="(work, i) in works"
:key="i"
>
<v-dialog v-model="dialog" max-width="550">
<template v-slot:activator="{ on }">
<v-card
class="ma-4"
width="300"
v-on="on"
>
<v-img :src="work.src"></v-img>
</v-card>
</template>
<v-card width="700">
<v-img :src="work.src"></v-img>
</v-card>
</v-dialog>

</v-slide-item>

У меня при нажатии на картинку должна открываться эта же картинка в всплывающем окне. Но у меня почему то на какую бы я не кликнул, в окне открывается последняя картинка, подскажите как исправить?

#frontend #javascript #programming #russian #vue.js

0

16.04.2020

3 ответов

28 просмотров

Пользователь 6267e

Насколько я понимаю, это vuetify. Как выглядит слайдер?

0

16.04.2020

Пользователь 6267e

Попробуй в элемент works добавить свойство isShow и его добавить в диалог <v-dialog v-model="work.isShow" max-width="550"> При клике на v-slide-item менять isShow isShow = !isShow

0

16.04.2020

Пользователь 6267e · Accepted Answer

Пользователь 6267e

Где находится событие клика?

0

16.04.2020

169 похожих чатов

Всем привет, подскажите пожалуйста, есть такой код: <v-slide-item

3 ответов

Похожие вопросы