vue3.0 使用form 正则校验

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;
        }
      });
    };