Ant Design Vue 中 Upload 组件实现添加下载图标及触发download事件_a-upload download事件

使用Ant Design Vue 中 Upload组件时，经常遇见附件上传的一些问题，本次汇总记录下遇见的问题及解决方案，以免后续忘记又浪费时间苦思冥想的......

给上传组件添加下载图标，解决download的事件不执行的问题

看到这个download事件时，我下意识的以为，当我点击上传的文件名称弹出的下载弹窗时，就应该执行了该方法，但是其实他并没有执行，后来发现，这个下载事件是需要搭配API的showUploadList参数，只有给组件添加了:showUploadList=“{showDownloadIcon: true }”，此时点击文件列表尾部的下载icon，才会触发download事件

 <a-upload
      name="file"
      :multiple="true"
      :action="uploadUrl"
      :headers="headers"
      :file-list="fileList"
      :showUploadList="{showDownloadIcon: true }" //展示上传列表的功能图标showDownloadIcon下载
      @download="download"  //下载事件
      @change="handleChange"
    >
      <a-button>
        <a-icon type="upload" />
        上传附件
      </a-button>
    </a-upload>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

------------------后续问题待补充----------------------