Как получить идентификатор элемента vue js

Question

Как я могу получить идентификатор элемента в vue js?Элементы используют v-for из API данных YouTube.

<v-card v-for="video in videos" :key="video.snippet.resourceId.videoId">
  <v-img
    :src="video.snippet.thumbnails.high.url"
    :id="video.snippet.resourceId.videoId"
    :lazy-src="`https://picsum.photos/10/6?image=${2 * 5 + 10}`"
    @click="renderVideo(id)"
  ></v-img>
</v-card>

renderVideo(id) {
  console.log(this.$attrs["id"]);
}

Любая помощь высоко ценится!

Answer 1

Перемещение моего комментария для ответа в соответствии с предложением:

Предполагая, что renderVideo() находится в ваших компонентных методах, вам просто нужно передать существующий идентификатор:

...
@click="renderVideo(video.snippet.resourceId.videoId)"
...

renderVideo(id) { 
   console.log(id); 
}