vue图片转为base64

可以使用HTML5的FileReader API来实现将图片转为base64的操作。以下是一个使用Vue.js的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileChange">
    <img :src="imageData" v-if="imageData">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageData: ''
    }
  },
  methods: {
    handleFileChange(event) {
      const file = event.target.files[0]
      const reader = new FileReader()

      reader.onload = () => {
        this.imageData = reader.result
      }

      reader.readAsDataURL(file)
    }
  }
}
</script>

在上面的代码中，我们使用`<input type="file">`元素来选择图片文件，并将其绑定到`handleFileChange`方法。在`handleFileChange`方法中，我们创建一个FileReader实例，并使用`readAsDataURL`方法读取图片文件。当读取完成时，会触发`onload`事件，我们在事件处理函数中将读取的结果赋值给`imageData`，最后在模板中使用`<img>`元素来展示转换后的base64图片。

请注意，由于涉及到操作用户的本地文件，因此需要用户的授权才能访问文件系统。