2021-08-06

本文介绍了如何在Vue3.0中解决el-form的ref引用undefined的问题。通过将ref属性改为'ruleForm1',并在点击事件中使用submitForm('ruleForm1')调用验证方法,确保了表单验证的正确执行。同时,文章强调了在setup内部定义ref并返回的重要性。
摘要由CSDN通过智能技术生成

B站手把手撸前端Vue3.0的P7解决 formName undefined问题@aengusliu

el-form标签
ref属性值改为 ruleFom1
==》ref=“ruleForm1”

el-button标签
点击事件调用方法的形参为’ruleForm’
==》@click=“submitForm(‘ruleForm1’)”

setup内部定义
const releForm1 = ref()
登录验证部分:
// 登录时进行验证
const submitForm = formName => {
ruleForm1.value.validate((valid => {
if (valid) {
alert(‘submit!’);
} else {
console.log(‘error submit!!’);
return false;
}
}));
};

最后,别忘记return出去!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

歪比巴啵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值