<template>
  <div>
    <img ref="imageElement" alt="Base64 Image">
  </div>
</template>

<script>
export default {
  mounted() {
    this.convertBase64ToImage();
  },
  methods: {
    convertBase64ToImage() {
      
// Base64 编码

      // 创建一个新的 Image 对象
      const image = new Image();
      
      // 当图片加载完成时，将其赋值给 <img> 元素
      image.onload = () => {
        this.$refs.imageElement.src = image.src;
      };
      
      // 设置 Image 对象的 src 属性为 Base64 数据
      image.src = `data:image/jpeg;base64,${base64Data}`;
    }
  }
};
</script>