el-form 中 有很多el-form-item 我想指定某几个,多个 el-form-item进行 clearValidate()
时间: 2023-12-30 13:24:39 浏览: 203
在el-form中,如果你想指定某几个el-form-item进行clearValidate()操作,你可以通过给这些el-form-item添加ref属性,然后在需要的时候通过this.$refs来获取对应的el-form-item实例,再调用clearValidate()方法进行清除验证状态。
以下是一个示例代码:
```html
<template>
<el-form ref="myForm" :model="form" :rules="rules">
<el-form-item label="字段1" prop="field1" ref="item1">
<el-input v-model="form.field1"></el-input>
</el-form-item>
<el-form-item label="字段2" prop="field2" ref="item2">
<el-input v-model="form.field2"></el-input>
</el-form-item>
<el-form-item label="字段3" prop="field3" ref="item3">
<el-input v-model="form.field3"></el-input>
</el-form-item>
<el-button @click="clearValidation">清除验证状态</el-button>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
field1: '',
field2: '',
field3: ''
},
rules: {
field1: [
{ required: true, message: '字段1不能为空', trigger: 'blur' }
],
field2: [
{ required: true, message: '字段2不能为空', trigger: 'blur' }
],
field3: [
{ required: true, message: '字段3不能为空', trigger: 'blur' }
]
}
};
},
methods: {
clearValidation() {
this.$refs.item1.clearValidate();
this.$refs.item2.clearValidate();
// 可以根据需要指定清除验证的el-form-item
}
}
};
</script>
```
在上面的示例中,我们给每个需要清除验证状态的el-form-item添加了ref属性,然后在clearValidation方法中通过this.$refs来获取对应的el-form-item实例,再调用clearValidate()方法进行清除验证状态。
阅读全文