el-form进行操作时只校验其中几个el-form-item
时间: 2024-01-19 13:04:33 浏览: 112
可以通过在el-form-item上设置prop属性来指定校验规则。在data中定义一个rules对象,其中包含每个el-form-item的校验规则。然后,在el-form-item上使用:rules属性将对应的校验规则绑定到prop属性上。这样,只有绑定了校验规则的el-form-item才会进行校验。
以下是一个示例代码:
```html
<template>
<el-form ref="form" :model="form" :rules="rules">
<el-form-item label="类别" prop="type">
<el-input v-model="form.type"></el-input>
</el-form-item>
<el-form-item label="建议" prop="desc">
<el-input v-model="form.desc"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
type: '',
desc: ''
},
rules: {
type: [
{ required: true, message: '类别不能为空', trigger: 'blur' }
],
desc: [
{ required: true, message: '建议不能为空', trigger: 'blur' }
]
}
};
},
methods: {
submitForm() {
this.$refs.form.validate(valid => {
if (valid) {
// 校验通过,执行提交操作
// ...
} else {
// 校验不通过,进行错误处理
// ...
}
});
}
}
};
</script>
```
在上述代码中,我们通过在el-form-item上设置prop属性来指定校验规则的字段,然后在data中定义了rules对象,其中包含了每个字段的校验规则。最后,在el-form上使用:rules属性将rules对象绑定到el-form上,这样el-form会根据绑定的校验规则进行校验。
阅读全文