VUE3 如何在事件里面下载本地文件

在Vue3中，可以通过使用<a>标签的download属性来实现在事件中下载本地文件。具体步骤如下：

在模板中创建一个<a>标签，并设置href属性为文件的URL，download属性为文件的名称。

<a :href="fileUrl" :download="fileName">下载文件</a>

在Vue组件中定义fileUrl和fileName的数据属性，并在事件中更新这些属性。

<template>
  <div>
    <a :href="fileUrl" :download="fileName">下载文件</a>
    <button @click="downloadFile">点击下载</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileUrl: '',
      fileName: ''
    };
  },
  methods: {
    downloadFile() {
      // 在这里设置文件的URL和名称
      this.fileUrl = 'http://example.com/file.pdf';
      this.fileName = 'file.pdf';
    }
  }
};
</script>

当点击下载按钮时，downloadFile方法会被调用，此时会更新fileUrl和fileName的值，使得<a>标签的href和download属性发生变化，从而实现文件下载。

注意：文件的URL可以是一个远程URL，也可以是一个本地URL