vue+element-ui 中动态表单的校验（遍历出来的el-form-item）

我们在使用el-form时，有时候一些表单项el-form-item的数量是不固定的，是通过遍历出来的，
数据data里有多少个对象，就会有多少个el-form-item,这时候我们的表单验证用文档中的方法是
行不通的。解决方法（重点是 :props）：

在图片中的el-form-item中，有多少个取决于systemData数组的长度,而这时候每一个item都要求检验，
这时prop需要动态绑定，"name[${index}]" => name[0],name[1] 等等，name就是这个item对应的字段，每个人的都不一样，这时的name[0]代表name这个对象
中的一个字段,同时rules也最好写在item中。
data中的name如下：

data:()=>({
  email:{
     name:{
      0:1,
      1:2
  }
  }
})