提交时校验验证码，验证码错误时更新验证码

src/pages/login.vue

@@ -53,6 +53,7 @@
             <el-input
               v-model.trim="yzms.yzm"
               placeholder="请输入验证码"
+              :validate-event="false"
             ></el-input>
             <img
               class="yzm_img"
@@ -241,6 +242,7 @@
               <el-input
                 v-model.trim="yzms.yzm"
                 placeholder="请输入验证码"
+                :validate-event="false"
               ></el-input>
               <s-identify
                 class="yzm_img"
@@ -454,7 +456,7 @@ export default {
       },
       imgSrc: "",
       yzmRules: {
-        yzm: [{ validator: validateYzm, trigger: "blur" }],
+        yzm: [{ validator: validateYzm }],
       },
       yzmState: false,
       ruleFormIcon: {
@@ -528,17 +530,18 @@ export default {
           type: "error",
         });
       } else {
-        // self.$refs["yzms"].validate((volid_yzm) => {
-        //   if (volid_yzm) {
-        self.submitLoginForm();
-        // } else {
-        //   self.$message({
-        //     message: "请完善验证码",
-        //     type: "error",
-        //   });
-        //   self.refreshCode();
-        //   }
-        // });
+        self.$refs["yzms"].validate((volid_yzm) => {
+          if (volid_yzm) {
+            self.submitLoginForm();
+          } else {
+            // self.$message({
+            //   message: "请完善验证码",
+            //   type: "error",
+            // });
+            self.refreshCode();
+            this.getImg();
+          }
+        });
       }
     },
     // 提交登录表单