base64转图片 vue怎么写

在 Vue 中将 Base64 编码转换为图片，可以使用以下代码：

<template>
  <div>
    <img :src="imageUrl" alt="Image" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      base64Image:
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB/UlEQVQ4T42T30vUQBSGn0g4YQsQThwMJCwMzExs7S0tLZydnu7/8nJyeXm5nFxcU6d+7cOcUxjgZrN1r6A2WjR1v9QyJ6mz5o5WjD8q3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1M6d+5m5nW8RvA2XGg5O5Y5zjW8Dvq3+I1NxUj8f2gX6v9cAAAAASUVORK5CYII=",
    };
  },
  computed: {
    imageUrl() {
      return this.base64Image;
    },
  },
};
</script>

在上面的代码中，我们使用了 `img` 标签来展示图片，`src` 属性绑定了 `imageUrl`，这里的 `imageUrl` 是通过计算属性 `imageUrl()` 返回的 Base64 编码。

如果你想要使用一个动态的 Base64 编码，可以在 `imageUrl()` 方法中返回一个动态的 Base64 编码。