el-form rules partner用法
时间: 2023-06-15 10:03:26 浏览: 152
el-form rules partner 是 Element UI 中 el-form 组件的一个规则验证属性,用于在表单中进行联动验证。
当表单中某些字段发生变化时,可以通过 partner 属性指定与之相关联的字段。如示例代码:
```
<el-form :rules="rules">
<el-form-item label="A">
<el-input v-model="A" @change="validateA"></el-input>
</el-form-item>
<el-form-item label="B">
<el-input v-model="B"></el-input>
</el-form-item>
</el-form>
```
其中,validateA 方法用于验证 A 字段,当 A 字段发生变化时,会触发该方法。规则如下:
```
rules: {
A: [
{ required: true, message: 'A 不能为空' }
],
B: [
{ required: true, message: 'B 不能为空' }
]
}
```
在 A 字段的规则中,通过 partner: 'B' 指定了 B 字段与 A 字段相关联:
```
rules: {
A: [
{ required: true, message: 'A 不能为空' }
],
B: [
{ required: true, message: 'B 不能为空', trigger: 'change', validator: validateB, partner: 'A' }
]
}
```
这样,当 A 字段发生变化时,会触发 validateA 方法对 A 字段进行验证,同时也会触发 validateB 方法对 B 字段进行验证。如果 B 字段不为空,则验证通过,否则验证失败。
阅读全文