el-form 中的数组表单验证(数组可动态添加删除)

除了一些简单的表单验证之外，我们还会有一些稍微复杂点的多层级表单的验证，如下图所示可点击添加，删除对数组进行操作，当点击确定时需要验证每一条form-item不能为空

其tempalte部分主要代码如下所示：

		
		   
		   		
		   
		   
		  		删除
		  	
		
		
		   
添加（最多{{max}}条）
		


    确认

data部分代码如下：

form:{
          CARD_RIGHTS_LIST:[{ID:'',RIGHT_NAME:''}],
        },

methods部分如下：

//添加form-item
handleAddValue() {
        this.form.CARD_RIGHTS_LIST.push({ID:'',RIGHT_NAME:""})
      },
//删除form-item
handleRemoveValue(index) {
        this.form.CARD_RIGHTS_LIST.splice(index, 1)
      },
//提交form并且验证
submitForm() {
        this.$refs.cardForm.validate((valid) => {
          if (valid) {
            this.$message.info("操作成功");
           //此处加入自己需求
        } else {
          //此处加入自己需求
        }
          } else {
            this.$message.info("请完善信息");
            return ;
          }
        });
      },

以上仅展示此处对应的需求代码，可直接根据自己的需求进行修改即可实现此功能