重点:ref=“formRef”(组件名)用于提交时检查表单是否通过验证;prop="name"用于定位验证规则是哪个属性;
<el-form ref="formRef" :model="form" label-width="120px" :rules="rules">
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name"/>
</el-form-item>
</el-form>
const formRef = ref<ElFormInstance>();
const form = reactive<loginForm>({
name:null
})
const rules: ElFormRules = {
name: [{ required: true, message: '编码不能为空', trigger: 'blur' }]
};
const confirm = () => {
formRef.value?.validate(async (valid: boolean, fields: any) => {
if (valid) {
console.log('submit!')
} else {
console.log('error submit!', fields)
}
})
}
因篇幅问题不能全部显示,请点此查看更多更全内容