Vue.js 如何检索元素id vue js

如何获取vue js中元素的id？这些项目使用youtube数据api中的v-for

<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"]);
}

renderVideo（id）{
log（this.$attrs[“id”]）；
}

---

非常感谢任何帮助

移动我的评论以按建议回答：

假设组件方法中存在

renderVideo（）

，则只需传入现有id：

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

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

---

@click=“renderVideo（video.snippet.resourceId.videoId）”

和

renderVideo（id）{console.log（id）；}

（假设renderVideo在您的组件方法中）完美！非常感谢。我最初得到了一个错误，但后来将id添加到vue实例中，它成功了。再次感谢！