element-ui循环生成的列表进行校验

做后台管理系统遇到的问题,el-input输入框是通过循环生成的,用原来的验证方法对循环生成的输入框校验不生效.

之前的写法:

---

​
           <div
              v-for="(list,index) in messageList"
              :key="index"
            >
              <el-form-item
                 label="姓名"                
              >
                <el-input v-model="list.name"></el-input>
              </el-form-item>
              <el-form-item
                label-width="150px"
                label="电话"
              >
                <el-input v-model="list.phone" style="width:120px;"></el-input>
              </el-form-item>             
            </div>

​

之前是将按一般的校验规则,没有生效,后来改成这样:

​
          <div
              v-for="(list,index) in messageList"