Ant Design Vue上传组件展示下载按钮

最新推荐文章于 2023-04-21 12:01:58 发布

Acid_lemon

最新推荐文章于 2023-04-21 12:01:58 发布

阅读量1.2k

点赞数

分类专栏： vue Ant Design Vue

本文链接：https://blog.csdn.net/Acid_lemon/article/details/117707599

版权

vue 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

Ant Design Vue

2 篇文章 0 订阅

订阅专栏

在AntDesignVue1.7.5版本中，通过设置`a-upload`组件的属性，如`showDownloadIcon`和`download`事件，可以轻松添加下载按钮到上传文件旁边。`download`事件允许自定义下载方法，而`previewFile`事件则用于定制预览功能。此配置适用于前端开发中的文件上传与管理场景。

摘要由CSDN通过智能技术生成

Ant Design Vue的版本： 1.7.5

需求： 在上传的文件旁边加下载按钮

官网API：查找API
在这里插入图片描述按照API，

<a-upload
      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
      list-type="text"
      :default-file-list="fileList"
      class="upload-list-inline"
      @preview="previewFile"
      @download="download"
      :showUploadList="{
        showRemoveIcon: true,
        showDownloadIcon: true
      }"
    >
      <a-button> <a-icon type="upload" /> 上传 </a-button>
</a-upload>