el-form 中 有很多el-form-item 我想指定某一个el-form-item进行 clearValidate()
时间: 2023-12-30 21:24:44 浏览: 63
你可以使用 `this.$refs` 来引用指定的 `el-form-item`,然后调用 `clearValidate()` 方法来清除校验结果。
以下是一个示例代码:
```javascript
<template>
<el-form ref="myForm" :model="formData" :rules="loanrules">
<el-form-item label="贷款银行" prop="bank">
<el-input v-model="formData.bank1"></el-input>
<el-input v-model="formData.bank2"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="clearValidation">清除校验结果</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
// 自定义银行验证规则
var bankRule = (rule, value, callback) => {
if (!(this.formData.bank1 && this.formData.bank2)) {
return callback(new Error('请输入完整的贷款银行信息'));
} else {
callback();
}
}
return {
formData: {
bank1: '',
bank2: ''
},
loanrules: {
bank: [{ required: true, validator: bankRule, trigger: 'change' }]
}
}
},
methods: {
clearValidation() {
this.$refs.myForm.clearValidate('bank');
}
}
}
</script>
```
在上面的代码中,我们使用 `ref` 属性给 `el-form` 元素命名为 `myForm`,然后在 `clearValidation` 方法中使用 `this.$refs.myForm.clearValidate('bank')` 来清除 `bank` 字段的校验结果。