vue2.0如何动态绑定img的src属性(三元运算)

<img :src="checkResult.result?require('@/assets/images/passed_big.png'):require('@/assets/images/passed_big2.png')" alt="">

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

<script>
export default {
  data() {
    return {
      checkResult:true
    };
  },
  computed: {
    getImageSrc() {
      return this.checkResult
        ? require('@/assets/images/passed_big.png')
        : require('@/assets/images/passed_big2.png');
    }
  }
};
</script>

<style scoped>
/* 你的样式 */
</style>

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

export default {
  data() {
    return {
      checkResult:true
      imageSrc: ''
    };
  },
  async created() {
    this.imageSrc = this.checkResult
      ? await import('@/assets/images/passed_big.png')
      : await import('@/assets/images/passed_big2.png');
  }
};