elementui 表单验证怎么验证数组里面对象的一个属性
时间: 2024-05-11 19:15:02 浏览: 101
可以使用自定义验证规则来实现。具体步骤如下:
1.在需要验证的数组字段中,使用 v-for 循环渲染每个对象。
2.针对每个对象的需要验证的属性,使用 v-validate 指令并设置自定义验证规则。
例如,下面的代码演示了如何验证数组字段 `people` 中每个对象的 `age` 属性是否大于 18。
```
<el-form :rules="{age: [{validator: validateAge, trigger: 'blur'}]}">
<el-form-item v-for="(person, index) in people" :key="index" :prop="'people.' + index + '.age'" :label="'Person ' + (index + 1)">
<el-input v-model="person.age" placeholder="Enter age" v-validate="'age'"></el-input>
</el-form-item>
</el-form>
```
其中,`validateAge` 是自定义验证规则的函数,代码如下:
```
function validateAge(rule, value, callback) {
if (value > 18) {
callback();
} else {
callback(new Error('Age must be greater than 18'));
}
}
```
这样,每次提交表单时,会自动验证 `people` 数组中每个对象的 `age` 属性是否符合自定义规则,并输出相应的错误提示信息。
阅读全文