Răsfoiți Sursa

个别情况下$refs[name]会报错

Michael Wang 6 ani în urmă
părinte
comite
cddda88555
1 a modificat fișierele cu 5 adăugiri și 4 ștergeri
  1. 5 4
      src/features/Login/Login.vue

+ 5 - 4
src/features/Login/Login.vue

@@ -66,7 +66,7 @@
                 size="large"
                 v-model="loginForm.password"
                 :placeholder="passwordInputPlaceholder"
-                @on-enter="login('loginForm')"
+                @on-enter="login"
               >
                 <i-icon type="ios-lock" slot="prepend"></i-icon>
               </i-input>
@@ -83,7 +83,7 @@
                 class="qm-primary-button"
                 long
                 :disabled="disableLoginBtn"
-                @click="login('loginForm')"
+                @click="login"
               >
                 登录
               </i-button>
@@ -249,14 +249,15 @@ export default {
   },
   methods: {
     ...mapMutations(["updateUser", "updateTimeDifference"]),
-    async login(name) {
+    async login() {
       if (this.disableLoginBtn) {
         return;
       }
       await this.checkNewVersion();
       this.disableLoginBtn = true;
       setTimeout(() => (this.disableLoginBtn = false), 5000);
-      const valid = await this.$refs[name].validate();
+      // https://www.cnblogs.com/weiqinl/p/6708993.html
+      const valid = await this.$refs.loginForm.validate();
       if (valid) {
         console.log("form validated. start login...");
       } else {