vue中v-for循环出来点击一个image，列表所有的都选择了

在Vue中，可以使用v-for指令循环渲染出一个列表，当点击其中一个image时，可以通过绑定一个点击事件来实现选择操作。如果需要让所有的列表项都被选择，可以通过在数据中添加一个属性来控制选择状态，然后在模板中使用v-bind:class来动态绑定样式。具体实现可以参考以下代码：

HTML模板：

<div v-for="(item, index) in list" :key="index" @click="selectItem(index)">
  <img :src="item.imgUrl" :class="{selected: item.isSelected}">
  <p>{{item.name}}</p>
</div>

JavaScript代码：

export default {
  data() {
    return {
      list: [
        { name: 'item1', imgUrl: 'xxx', isSelected: false },
        { name: 'item2', imgUrl: 'xxx', isSelected: false },
        { name: 'item3', imgUrl: 'xxx', isSelected: false },
        { name: 'item4', imgUrl: 'xxx', isSelected: false },
      ]
    }
  },
  methods: {
    selectItem(index) {
      this.list[index].isSelected = !this.list[index].isSelected;
    }
  }
}

在上面的代码中，我们使用了一个isSelected属性来表示每个列表项的选择状态。当点击某个列表项时，会触发selectItem方法，该方法会将对应项的isSelected属性取反。在模板中，我们使用v-bind:class来动态绑定样式，当isSelected为true时，会添加一个selected类名，从而改变样式。