vue img src 循环动态赋值 src根据判断选择图片

如果你需要循环展示多张图片，并且每张图片的路径需要根据不同的条件来选择，你可以在循环中动态绑定 `src` 属性。例如：

<template>
  <div>
    <div v-for="image in images" :key="image.id">
      <img :src="getImageUrl(image)" alt="">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        { id: 1, isBig: true },
        { id: 2, isBig: false },
        { id: 3, isBig: true }
      ]
    }
  },
  methods: {
    getImageUrl(image) {
      if (image.isBig) {
        return require(`@/assets/images/big-${image.id}.jpg`)
      } else {
        return require(`@/assets/images/small-${image.id}.jpg`)
      }
    }
  }
}
</script>

在上述代码中，我们使用了 `v-for` 指令循环展示 `images` 数组中的图片，根据每个图片对象的 `isBig` 属性来选择不同的图片路径。在 `getImageUrl` 方法中，我们使用了模板字符串来动态生成图片路径。注意，在使用模板字符串动态生成图片路径时，需要使用 `@` 符号来代表 `src` 目录。