el-form如何添加必填

字段校验？

对于el-form，可以在form-item标签中添加prop属性和rules属性完成必填字段校验。其中prop属性用于与表单数据进行绑定，而rules属性用于定义校验规则，可以通过required属性实现必填字段校验。例如：

<el-form ref="form" :model="formData" :rules="rules">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name"></el-input>
</el-form-item>
<el-form-item label="年龄" prop="age">
<el-input v-model="formData.age"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="submitForm">提交</el-button>
</el-form-item>
</el-form>

<script>
export default {
data() {
return {
formData: {
name: '',
age: ''
},
rules: {
name: [
{ required: true, message: '请输入名称', trigger: 'blur' }
],
age: [
{ required: true, message: '请输入年龄', trigger: 'blur' }
]
}
}
},
methods: {
submitForm() {
this.$refs.form.validate(valid => {
if (valid) {
// 校验通过，提交表单数据
} else {
// 校验失败，提示错误信息
}
})
}
}
}
</script>