table中加表单元素每行怎么验证_elementui表格动态新增行验证无效？

用elementui框架的table组件，动态新增行，行里面的列直接使用输入框，但是需要对输入框验证，按照官方的文章尝试了一下，怎么无法触发验证。

问题出在哪儿呢？

单独写了一个干净的页面，去掉了业务代码：

添加人员

:rules="rules"

ref="dataForm"

:model="temp"

label-position="right"

label-width="150px"

>

:key="'pers.' + scope.$index + '.name'"

:prop="'pers.' + scope.$index + '.name'"

:rules="{

required: true, message: '名称不能为空', trigger: 'blur'

}"

>

:rules="{ required: true, message: '年龄不能为空', trigger: 'blur' }"

>

确认

export default {

name: 'test',

data() {

return {

rules: {},

temp: {

pers: []

}

}

},

methods: {

handleAdd() {

this.temp.pers.push({

name: '',

age: 18

})

},

hadnleCreate() {

let self = this;

this.$refs['dataForm'].validate((valid) => {

debugger

//valid==true，怎么验证都是通过

})

}

}

}