vue 转base64

你可以使用 JavaScript 中的 FileReader 对象来将文本内容转换为 base64 编码。以下是一个使用 Vue.js 的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileChange" />
    <button @click="convertToBase64">转换为 Base64</button>
    <div v-if="base64Text">
      <textarea v-model="base64Text" rows="5" cols="50"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: null,
      base64Text: ''
    };
  },
  methods: {
    handleFileChange(event) {
      this.file = event.target.files[0];
    },
    convertToBase64() {
      if (this.file) {
        const reader = new FileReader();
        reader.onload = (event) => {
          this.base64Text = event.target.result;
        };
        reader.readAsDataURL(this.file);
      }
    }
  }
};
</script>

这段代码中，我们使用了一个文件选择的 input 元素来让用户选择文件。当文件发生改变时，会触发 `handleFileChange` 方法，将选择的文件保存在 `file` 数据属性中。

然后，当用户点击"转换为 Base64"按钮时，会触发 `convertToBase64` 方法。