Vue3 事件中下载本地文件：使用 <a> 标签实现

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

1. 在模板中创建一个 '' 标签，并设置 'href' 属性为文件的 URL，'download' 属性为文件的名称。 ```html 下载文件 ```
2. 在 Vue 组件中定义 'fileUrl' 和 'fileName' 的数据属性，并在事件中更新这些属性。 ```vue

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

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

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