如何动态渲染多个 Ant Design Vue 的上传组件

Question

想用Ant Design Vue 的上传组件实现该如何实现?

<template>
  <a-upload
    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
    :multiple="true"
    :fileList="fileList"
    @change="handleChange"
  >
    <a-button> <a-icon type="upload" /> Upload </a-button>
  </a-upload>
</template>

Answer 1

<a-upload
  :accept="competiton.cchildCompetitions[index].fileType"
  :multiple="true"
  :action="uploadAction"
  :headers="headers"
  :beforeUpload="beforeUpload"
  :fileList="competiton.cchildCompetitions[index].fileList"
  @change="handleChange">
  <a-button>
    <a-icon type="upload"/>
    点击上传
  </a-button>
  <div v-if="uploadType" class="redText">请上传作品!</div>
</a-upload>