<el-col v-bind="grid2" v-for="(item, index) in list" :key="index"> # list 不知道一共有幾個(gè)列表項(xiàng)
    <el-form-item required :label="item.value" prop="randomAmount">
        <el-upload
            class="upload-demo"
            action="none" #這里隨便寫
            :http-request="handleFileUpload" #這里會(huì)覆蓋原本的上傳http的操作，從而實(shí)現(xiàn)自定義。
            :limit="1"
            :on-remove="(file, fileList)=> {return onRemove(file, fileList, index)}" #這里的index是自定義索引參數(shù)，這種寫法能夠攜帶自己的參數(shù)
            :on-change="(file, fileList)=> {return onChange(file, fileList, index)}">  
            <el-button round>點(diǎn)擊上傳</el-button>
        </el-upload>
    </el-form-item>
</el-col>
<el-col :span="24">
    <el-button type="primary" @click="submitForm">確認(rèn)提交</el-button>
</el-col>
<script>
export default {
	data() {
		return {
            // 暫存?zhèn)€el-upload的File
            fileUploaded: {
                1: null,
                2: null,
                3: null,
                4: null,
                5: null // 可以多寫幾個(gè)（確定最多不會(huì)上傳超過某數(shù)量的文件）
            },
			list:[ // 根據(jù)這個(gè)列表，渲染相應(yīng)數(shù)量的el-upload組件
				{ key: "1", value: "個(gè)體工商戶/企業(yè)營業(yè)執(zhí)照照片" },
				{ key: "2", value: "政府機(jī)關(guān)/事業(yè)單位/社會(huì)組織登記證書照片" },
				// list 不知道一共有幾個(gè)列表項(xiàng)，這部分是通過后端請求獲取的
			]
		}
	},
	methods: {
        // 覆蓋默認(rèn)的http行為
        handleFileUpload(options, index){
        },
        // 文件操作刪除
        onRemove(file, fileList, index){
            this.fileUploaded[index] = null
        },
        // 文件上傳
        onChange(file, fileList, index) {
            // 判斷上傳的文件是否是滿足格式要求（自定義）
            if(!file.name.includes('.zip')) {
                fileList.pop() # 清除上傳文件后展示出來的文件圖標(biāo)
                return this.$message.error("請上傳zip壓縮包！")
            }
            // 判斷上傳的文件是否超過大小限制（自定義）
            if (file.size >= 5*1024*1024){ // 5mb
                fileList.pop()
                return this.$message.error("大小不能超過5MB！")
            }
            // 判斷上傳的文件的狀態(tài)（一般不會(huì)出錯(cuò)）
            if(file.status != 'ready'){
                fileList.pop()
                return this.$message.error("狀態(tài)錯(cuò)誤")
            }
            // 暫存文件
            this.fileUploaded[index] = file.raw
        },
        // 表單上傳，先判斷文件是否按要求上傳了，滿足要求的話，構(gòu)造formData
        submitForm(){
            let formdata = new FormData()
            for (let i = 0; i < this.list.length; i++) {
            	// 如果有文件未上傳，則報(bào)錯(cuò)。確保每個(gè)el-upload都上傳了文件
                if (!this.fileUploaded[i]){
                    return this.$message.error('請上傳'+this.list[i].value)
                }
                formdata.append('subMerCertFiles', this.fileUploaded[i]) // 多個(gè)文件上傳
            }
            // 后面調(diào)用接口，上傳formdata
       	}
    }
}
</script>