<div>
<el-form :model="listQuery" ref="listQuery">
// 循环的form
<el-row v-for="item, index in listQuery.list" :key="index">
<el-col>
// 注意这里的prop和rules
<el-form-item label="名称：" label-width="105px" :prop="'list.'+index+'.value'" :rules="rules.value">
<el-input v-model="item.value"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div @click="submitForm">提交</div>
</div>
data () {
return {
listQuery: {
list: [{value: ''}, {value: ''}]
},
// 循环校验的rules
rules: {
value: [
{ required: true, message: '请填写', trigger: 'blur' }
]
}
}
}
// 触发校验的 提交按钮
submitForm () {
this.$refs['listQuery'].validate((valid) => {
if (valid) { // 判断校验规则
}
})
element-ui 循环for rule校验方法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
