v-for内使用element-ui表单验证
:prop=“‘循环的对象名.’+index+‘.验证绑定的值’” :rules=“rules.userName”
<div v-for="(item,index) in content.textName" :key="index">
<el-form-item label="姓名:" :prop="'textName.'+index+'.userName'" :rules="rules.userName">
<el-input v-model="item.userName" placeholder="请输入内容"></el-input>
</el-form-item>
</div>
<script>
export default {
data() {
return {
content:{
textName:''
},
rules:{
userName:[
{
required: true,
message: "请输入名称",
trigger: ["blur", "change"],
}
]
}
}
}
}
</script>