搜索
您的当前位置:首页正文

工作日志:elementplus表演验证和提交

来源:好走旅游网

重点: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)
        }
    })
}

因篇幅问题不能全部显示,请点此查看更多更全内容

Top