工作日志: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)
        }
    })
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值