素材巴巴 > 程序开发 >

vue3.0 使用form 正则校验

程序开发 2023-09-04 09:15:22

vue3.0 使用form 正则校验

1、需要引入 vue的 ref 模块.
2、 form 中 ref 我绑定的是 ruleForm
3、保存按钮不需要传任何值,(图二)
4、需要重新定义 const ruleForm = ref(); 记得 return 出去

// 保存按钮代码const submitForm = () => {ruleForm.value.validate((valid) => {if (valid) {alert("submit!");} else {console.log("error submit!!");return false;}});};
 

在这里插入图片描述
在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。