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

你可以使用条件语句来选择图片的路径，例如：

<template>
  <div>
    <img :src="imageUrl" alt="">
  </div>
</template>

<script>
export default {
  data() {
    return {
      isBig: true
    }
  },
  computed: {
    imageUrl() {
      if (this.isBig) {
        return require('@/assets/images/big.jpg')
      } else {
        return require('@/assets/images/small.jpg')
      }
    }
  }
}
</script>

在上述代码中，我们使用了 `require` 函数来加载图片资源，根据 `isBig` 变量的值来选择不同的图片路径。当 `isBig` 为 `true` 时，图片路径为 `@/assets/images/big.jpg`，否则图片路径为 `@/assets/images/small.jpg`。注意，在使用 `require` 函数加载图片时，需要使用 `@` 符号来代表 `src` 目录。