vue中如何实现base64转图片

在Vue中实现将Base64编码转换为图片可以使用以下步骤：

1. 在Vue组件中引入 Base64ToBlob 函数：

function base64ToBlob(base64, type) {
  const format = 'data:' + type + ';base64,';
  const len = format.length;
  const padding = '='.repeat((4 - len % 4) % 4);
  const base64Url = format + base64 + padding;
  const blob = atob(base64Url.split(',')[1])
    .split('')
    .map(function (c) {
      return c.charCodeAt(0);
    });
  return new Blob([new Uint8Array(blob)], { type: type });
}

2. 通过数据绑定将Base64编码传递给Vue组件：

<template>
  <div>
    <img :src="imgSrc" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgSrc: "",
    };
  },
  mounted() {
    const base64 = "your base64 string here";
    const type = "image/jpeg"; // Set your image type here
    const blob = base64ToBlob(base64, type);
    this.imgSrc = URL.createObjectURL(blob);
  }
}
</script>

通过上述步骤，你就可以将Base64编码转换为图片并在Vue组件中显示了。