vue选择文件保存本地

可以使用HTML5的File API来实现Vue选择文件保存本地的功能。具体实现方法可以参考以下代码：

<template>
  <div>
    <input type="file" ref="fileInput" @change="handleFileChange">
    <button @click="saveFile">保存文件</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: null
    }
  },
  methods: {
    handleFileChange(event) {
      this.file = event.target.files[0]
    },
    saveFile() {
      const reader = new FileReader()
      reader.onload = () => {
        const fileContent = reader.result
        const blob = new Blob([fileContent])
        const link = document.createElement('a')
        link.href = URL.createObjectURL(blob)
        link.download = this.file.name
        link.click()
      }
      reader.readAsText(this.file)
    }
  }
}
</script>

这段代码实现了一个包含文件选择和保存功能的Vue组件。用户可以通过选择文件来将文件内容保存到本地。