vue获取浏览器下载路径

在 Vue 中，获取浏览器下载路径需要借助浏览器提供的 `download` 属性，该属性可以设置下载文件的名称和保存路径。具体实现方法如下：

首先，在需要下载文件的地方，添加一个链接或者按钮，设置 `download` 属性为文件名和保存路径，例如：

<template>
  <div>
    <a :href="downloadUrl" download="example.pdf">下载 PDF</a>
  </div>
</template>

<script>
export default {
  computed: {
    downloadUrl() {
      // 获取浏览器下载路径
      const downloadPath = this.getDownloadPath();
      // 构造下载链接
      return `/api/download?path=${downloadPath}`;
    }
  },
  methods: {
    getDownloadPath() {
      // 获取浏览器下载路径
      const a = document.createElement('a');
      a.href = '.';
      const downloadPath = a.pathname;
      return downloadPath;
    }
  }
}
</script>

在上面的代码中，我们构造了一个下载链接 `/api/download?path=${downloadPath}`，其中 `downloadPath` 是浏览器下载路径。在 `getDownloadPath` 方法中，我们使用 `document.createElement('a')` 创建一个 `a` 标签，然后设置 `a.href = '.'`，这样浏览器会自动跳转到当前页面的根路径，然后我们就可以通过 `a.pathname` 获取浏览器下载路径。

需要注意的是，浏览器下载路径可能会因为浏览器和操作系统的不同而有所不同，所以需要进行充分的测试和兼容性处理。