结合element的rule表单校验，使用await获取promise的reject内容，使用try catch方法

Posted 2023-04-23

参考技术A 结合element的rule表单校验，使用await获取promise的reject内容，使用try和catch方法

https://blog.csdn.net/qq_45895576/article/details/114524632

element ui 表单校验规则

参考技术A 1、基本校验

例如：登录校验

2、自定义校验 validator （validator是一个函数，有三个参数，rule(当前规则)，value(当前值)，callback（回调函数））

const checkMoblie=function(rule,value,callback)

value.charAt(3)==9?callback():callback(new Error("手机号第三位必须是9"))



3、点击按钮时进行校验

表单绑定ref="loginFrom" ,methods方法里面this.$refs.loginFrom.validate().then(()=>console.log("成功")).carth(()=>console.log("失败 '))