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

Question

Я пытаюсь загрузить разные изображения, в зависимости от карты.

<tr v-for="location in filteredLocation" v-bind:key="location">
    <v-card class="mx-auto">
      <v-img
        class="white--text align-end"
        height="200px"
        src="{{location.imgLink}}"
      ></v-img>
       </v-card>
    <br />
  </tr>

Мое фильтрованное местоположение загружает разные места из моего массива. В этом массиве imgLink имеет разные ссылки. Как мне сделать sr c dynamici c, чтобы каждая карта загружала свое изображение?

Answer 1

Это Vue. js основы. Просто свяжите опору:

<tr v-for="location in filteredLocation" v-bind:key="location">
    <v-card class="mx-auto">
      <v-img
        class="white--text align-end"
        height="200px"
        :src="location.imgLink"
      ></v-img>
       </v-card>
    <br />
  </tr>