el-form 表单验证问题
若要使用 el-form 的验证功能,则需要将表单数据对象绑定给表单(
model
)
给需要进行验证的表单项,添加 prop
属性,内容是表单数据对象对应的字段名
<template>
<el-form :model="formData" :rules="formRules">
<el-form-item label="用户代码" prop="Code">...</el-form-item>
</el-form>
</template>
<script>
export default {
data () {
return {
formData: { // 表单数据
Code: ''
},
formRules: { // 表单判断规则
Code: [{ required: true, message: '用户代码不能为空', trigger: 'change' }]
}
}
}
}
</script>