vue 选择文件保存地址并下载

在Vue中选择文件保存地址并下载可以通过以下步骤实现：

1. 创建一个下载按钮或链接，用户点击该按钮或链接时触发下载操作。
2. 使用`<input type="file">`标签或者第三方文件选择库如`vue-filepond`等，让用户选择要下载的文件。
3. 当用户选择了文件后，获取到文件对象。
4. 创建一个下载链接，将选中的文件对象作为链接的`href`属性。
5. 设置链接的`download`属性为要保存的文件名。
6. 使用`window.URL.createObjectURL()`方法生成文件的临时URL。
7. 将生成的临时URL赋值给下载链接的`href`属性。
8. 将下载链接插入到页面中，触发下载操作。

以下是一个基本的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileSelect" />
    <a v-if="downloadUrl" :href="downloadUrl" :download="fileName">下载文件</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedFile: null,
      downloadUrl: null,
      fileName: null
    };
  },
  methods: {
    handleFileSelect(event) {
      this.selectedFile = event.target.files[0];
      this.fileName = this.selectedFile.name;
      this.downloadUrl = window.URL.createObjectURL(this.selectedFile);
    }
  }
};
</script>

在上述示例中，用户选择文件后，会触发`handleFileSelect`方法，该方法将选中的文件赋值给`selectedFile`变量，并生成一个临时URL并赋值给`downloadUrl`变量。然后，通过`v-if`指令判断是否有文件选中，如果有则显示下载链接，并设置链接的`href`属性为临时URL，设置`download`属性为要保存的文件名。

这样，当用户点击下载链接时，浏览器会将文件保存到本地指定的地址。