fix: not send req if validation failed

clarkdo · Apr 15, 2019 · e14bc9a · e14bc9a
1 parent 1760310
commit e14bc9a
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/client/pages/login.vue b/client/pages/login.vue
@@ -69,23 +69,24 @@ export default class Login extends Vue {
   mounted() {
     this.getCaptcha()
   }
-  async login() {
+  login() {
     const goBackTo = this.$route.query.page || '/'
     this.logging = true
-    const valid = this.$refs.user.validate()
-    try {
-      if (valid) {
-        await this.$store.dispatch('login', this.user)
-        this.authenticated = await this.$store.getters.authenticated
-      }
-    } catch (e) {
-      this.$message.warning(e.message)
-    } finally {
-      if (this.authenticated) {
-        this.redirect(goBackTo)
+    this.$refs.user.validate(async (valid) => {
+      try {
+        if (valid) {
+          await this.$store.dispatch('login', this.user)
+          this.authenticated = await this.$store.getters.authenticated
+        }
+      } catch (e) {
+        this.$message.warning(e.message)
+      } finally {
+        if (this.authenticated) {
+          this.redirect(goBackTo)
+        }
       }
-    }
-    this.logging = false
+      this.logging = false
+    })
   }
   redirect(goTo) {
     this.$router.push(goTo)