vue获取a标签的下载文件进度

你可以使用Vue.js的`@click`事件和浏览器的原生下载功能来获取a标签的下载文件进度。下面是一个示例代码：

<template>
  <div>
    <a href="path/to/file" @click="startDownload">下载文件</a>
  </div>
</template>

<script>
export default {
  methods: {
    startDownload() {
      const link = document.createElement('a');
      link.href = 'path/to/file';
      link.download = 'filename';

      // 添加下载事件监听
      link.addEventListener('progress', this.handleProgress);

      // 触发点击事件，开始下载
      link.click();
    },
    handleProgress(event) {
      // 获取下载进度
      const percentage = (event.loaded / event.total) * 100;
      console.log(`下载进度: ${percentage}%`);
    }
  }
};
</script>

在上面的示例代码中，通过`@click`事件触发`startDownload`方法，创建一个a标签，然后为该a标签添加下载事件监听器。在`handleProgress`方法中，可以通过`event.loaded`和`event.total`来获取下载文件的进度信息。

需要注意的是，由于涉及到浏览器原生功能，你可能会遇到一些跨域或安全策略的限制。确保你的文件路径和服务器设置是正确的，并且在合适的环境中测试代码。