vue项目element-ui 手动创建多个上传附件按钮还是必

项目要求，手动创建多个附件，而且附件为必选项，每次只能上传一个（如下图），＋号图标是手动添加，－号图标删除

我这里用的是input的file来做，怎么在vue中用input的file来上传文件，这里就不写了
用了element-ul，form自带的验证rules

难倒是不难，就是很繁琐
1、怎么验证文件是否上传？
2、怎么判断上传的文件是哪一个的？怎样能一一对应
添加多个块，是用的v-for，数据绑定，每次删除的时候，是删除的数据，所以根据数组的下标来写，是行不通的
所以每次添加时候，给数据加了一个标识，删除的时候，完全不影响。

var j = {
   name:'',
   remarks:'',
   fileName:'', 
   isremove:true,
   fileindex:index,
};
j['file'+index] = ''; //为什么加这个，验证的时候能用到
this.list.push(j);  

rules也是手动添加

this.rules2['file'+index]= [  { required: true, validator: this.valiFile, trigger: "change" },  ];

以下是 validator 验证

var valiFile = (rule, value, callback) => {  
   var fileid = rule.field;
   for(var i =0;i<this.list.length;i++){
    if(this.list[i].hasOwnProperty(fileid)){
      if (!this.list[i][fileid]) {
        callback(new Error('请上传材料附件'));
      } else {
        callback();
      }
    } 
  } 
};

最后保存的时候来验证

this.$refs.ruleForm.validate((valid) => {})

提交的时候用的 new FormData();

var arrlist = this.list; 
for(var i = 0 ;i<arrlist.length;i++){ 
  formData.append('remarks'+(i+1),arrlist[i].remarks);  //键后面加上下标是后台要求的
  formData.append('file'+(i+1),arrlist[i]['file'+arrlist[i].fileindex]);
}    

技术有限，暂时没想到更简单的方法。。。。。。