vue中表单验证必传字段

致自己：

你自己想要的必须自己争取！

步入主题：

*rules 定义表单哪些字段属于必填字段或其他判断字符长度等… 作用：若为真则放行请求api，否则拦截不继续下执行！
*ref 作用：就是后续表单点击提交按钮时，通过这个ref的拿到表单对象，进行置空操作，

第1步：

form表单上定义规则rules，和定义表单标识ref ，注意：这两个是放在最外面的form表单上面！！！别放错位置！

第2步：

定义规则必须与表单对象的属性名称保持一致！

第3步：

使用prop给表单属性添加校验规则！注意使用的是prop和摆放位置！

第4步：

在表单提交时，检验必传字段是否填写，若填写放行进行请求服务操作，反之进行拦截！

表单直接提交时，表单的校验如下：

写在最后：

这篇文章和另一篇是息息关联的！
https://blog.csdn.net/qq_41930094/article/details/122596202

很喜欢刘德华一句话：“学到就要教人”，可能自己还没到那个能教人的境界，只希望我的文章能给你带来收获或思路，就足矣！