vue2中base64转换成图片进行回显

在 Vue.js 的 2.x 版本中，如果你需要将 Base64 编码的图片数据转换成 HTML 的 `<img>` 标签显示出来，你可以按照以下步骤操作：

1. 首先，你需要有一个变量存储 Base64 的图片数据，例如：

data() {
  return {
    base64Image: 'your_base64_data_here',
  };
},

2. 然后，在模板中，你可以使用 `v-bind` 或者动态绑定的方式将 Base64 数据绑定到 img 的 `src` 属性上：

<template>
  <div>
    <img :src="decodeBase64(base64Image)" alt="Your Image" />
  </div>
</template>

<script>
export default {
  methods: {
    // 定义一个解码 Base64 的函数
    decodeBase64(str) {
      const buffer = window.atob(str);
      const mime = /^data:image\/(jpeg|png|gif);base64,/.exec(str);
      return `data:${mime ? mime[1] : 'text/plain'};charset=utf-8,${buffer}`;
    },
  },
};
</script>

这个 `decodeBase64` 函数会处理 Base64 字符串，并将其转换为合适的 `data-src` 格式。