Передача данных при клике Vue.js

185
13 ноября 2018, 07:50

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

<v-card
            tabindex="1"
            class="elevation-4 mb-3"
            v-for="ad in info"
            :key="ad.id">
              <v-flex xs4>
              </v-flex>
            <div class="table">
              <v-flex xs8>
                <v-card-text>
                  <h2> {{ad.car.make}} {{ad.car.model}}</h2>
                  <p></p>
                  <p><b>{{ad.car.licensePlate}} |  VIN: {{ad.car.vin}}<br> {{ad.client.clientName}}</b></p>
                  <p class="status-info"><b>{{ad.creditAgreementNumber}}</b> <br/> {{ad.creditAgreementStatus}}</p>
                </v-card-text>
                <v-card-actions>
                  <v-spacer></v-spacer>
                </v-card-actions>
              </v-flex>
            </div>
          </v-card>

Answer 1

Большого опыта в vue.js не имею, но, я так полагаю у вас имеется масив данных карточек, когда кликаете на одну из, нужно смотреть индекс активной карточки, и я бы на пример подтягивал те саме данные изходя из активного индекса

READ ALSO
Исправить мобильное меню

Исправить мобильное меню

Помогите поправить мобильное менюЕсть меню, у которого по нажатию по кнопке "гамбургер" происходит смещение блока контента вправо и тем самым...

147
Как реализовать hover?

Как реализовать hover?

может кто видел, как реализовать такой hover эффект? Или подскажет-поможет реализоватьтык

151
Резиновый трёхколоночный макет

Резиновый трёхколоночный макет

уважаемые html разработчикиТакой вопрос, как написать главную страницу сайта при использовании резинового трехколонного макета, таким образом...

142
CSS таблица выходит за область [закрыт]

CSS таблица выходит за область [закрыт]

Есть обычная таблица html, но при масштабировании ее часть выходит за пределы видимостиКак сделать так чтобы таблица не выходила за пределы,...

130