Ant Design Vue 中 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. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-26 10:24:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-26 10:24:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-26 10:24:03       82 阅读
  4. Python语言-面向对象

    2024-03-26 10:24:03       91 阅读

热门阅读

  1. C语言实现广播Echo通信

    2024-03-26 10:24:03       35 阅读
  2. Rust 实战练习 - 4. 网络 TCP/UDP/Channel

    2024-03-26 10:24:03       34 阅读
  3. 在Cmakelist指令中,aux_source_directory 和 set 的区别

    2024-03-26 10:24:03       35 阅读
  4. ARM day8

    2024-03-26 10:24:03       30 阅读
  5. Linux配置elasticsearch开机自启

    2024-03-26 10:24:03       37 阅读
  6. 「Linux系列」Shell 函数详解

    2024-03-26 10:24:03       45 阅读
  7. android卡顿流程分析总结

    2024-03-26 10:24:03       42 阅读
  8. gstreamer udp rtp发送本地视频文件

    2024-03-26 10:24:03       38 阅读
  9. 4A架构:企业数字化转型的核心引擎

    2024-03-26 10:24:03       39 阅读