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