html+vue怎么给照片墙每个照片定义一个id 点击图片拿到对应id

你可以使用Vue的v-for指令来循环遍历照片墙中的每个照片，并为每个照片绑定一个唯一的ID。比如：

<div id="photo-wall">
  <div v-for="(photo, index) in photos" :key="index" :id="'photo-' + index">
    <img :src="photo.src" @click="showPhoto(index)" />
  </div>
</div>

在上面的例子中，我们使用v-for指令循环遍历名为photos的数组，并为每个照片绑定一个ID，格式为"photo-"加上该照片在数组中的索引。然后使用@click事件处理函数来捕获用户点击事件，并传递该照片的索引作为参数。例如：

new Vue({
  el: '#photo-wall',
  data: {
    photos: [
      { src: 'photo1.jpg' },
      { src: 'photo2.jpg' },
      { src: 'photo3.jpg' }
    ]
  },
  methods: {
    showPhoto: function(index) {
      var photoId = 'photo-' + index;
      var photoElement = document.getElementById(photoId);
      // TODO: 显示对应照片的详细信息或者执行其他操作
    }
  }
})

在上面的代码中，我们定义了一个名为showPhoto的方法，并接收一个参数index，该参数表示用户点击的照片在数组中的索引。然后我们根据该索引构造对应照片的ID，并使用document.getElementById方法获取该照片对应的DOM元素。接下来你可以在showPhoto方法中执行任何你想要的操作，比如显示该照片的详细信息或者进行其他处理。