打开师傅,发现还有两篇18年写的文章没有发表。粗略看了下,没有问题,能看懂是什么,那就发布吧!遍历生成上传组件,遍历回填上传数据背景:用户选择产品,根据用户选择的产品不同,提供需要上传的证件类型(如身份证、学历证书、荣誉证书、资格证书等)等)这些类型的证书可以配置为每个证书类型可以上传多个文件。方案一:开发时将所有配置的证书类型写在页面上。如果用户选择的产品有,则显示证书供用户上传和提交表单。增加一个字段来判断是哪一个不同类型证书的缺点:如果增加新的证书类型,需要在上一节硬编码,否则无法添加。由于方案一的不足,你有了方案二。方案二:遍历所有服务端配置的证书类型(itemList),循环生成上传字段根据用户选择的商品决定是否显示上传字段上传{{item.codeName}}方法:{dealFileUploadForServer(){letitem=this.itemListlet_upfiles=[]let_this=thistry{item.forEach(ele=>{//获取ref是一个数组获取第一个letref=_this.$refs[ele.codeTag]letuplist=ref!==undefined?ref[0].uploadFiles:undefined//console.log('uplist',uplist,ele.codeTag)if(uplist!==undefined){for(leti=0;i{//推入uploadFiles可以让el-upload组件成功回填显示//TIPS:在for循环中使用nextTick不确定是否会对性能或其他方面有影响this.$refs[key][0].uploadFiles.push(obj)})}}},}