将base64字符串绑定到源图像不适用于vue

<template>
  <img :src="imageSrc" alt="Base64 Image">
</template>

<script>
export default {
  data() {
    return {
      base64String: "..." // 你的base64字符串
    };
  },
  computed: {
    imageSrc() {
      // 将base64字符串转换为Data URL
      return 'data:image/jpeg;base64,' + this.base64String;
    }
  }
};
</script>

<template>
  <img v-base64-src="base64String" alt="Base64 Image">
</template>

<script>
export default {
  data() {
    return {
      base64String: "..." // 你的base64字符串
    };
  },
  directives: {
    base64Src: {
      bind(el, binding) {
        // 将base64字符串转换为Data URL
        el.src = 'data:image/jpeg;base64,' + binding.value;
      }
    }
  }
};
</script>