动态新增a-upload

动态新增`a-upload`组件通常是在Vue.js环境中，用于处理用户实时上传文件的需求。这个组件通常由Ant Design Vue库提供，用于构建上传文件的功能。当你想要在运行时（比如表单提交或按钮点击）动态创建并添加上传控件，可以按照以下步骤进行：

1. 首先，在你的Vue组件模板中引入`a-upload`组件的语法：

<template>
  <div>
    <!-- 其他内容 -->
    <button @click="handleAddUpload">点击添加上传</button>
    <a-upload :list-type="listType" v-if="uploads.length > 0" ref="uploadList"></a-upload>
  </div>
</template>

2. 然后，你需要在JavaScript部分定义对应的methods：

<script>
export default {
  data() {
    return {
      uploads: [], // 存储已上传的文件列表
      listType: 'text' // 或者你可以选择其他类型的上传列表，如'remove'
    };
  },
  methods: {
    handleAddUpload() {
      this.uploads.push({ name: '', url: '' }); // 初始化一个新的上传项
      this.$refs.uploadList.fileList = this.uploads; // 更新上传列表
    }
  }
};
</script>

3. `handleAddUpload`方法会在点击事件触发时动态增加一个新的`a-upload`元素到DOM中，并将其添加到`fileList`属性，这样每次点击都会在已有上传列表的基础上增加一项。