login 登录按钮多次点击异常

src/components/login/login.vue

@@ -72,12 +72,24 @@ export default class Login extends Vue {
      */
     public password: string = "";
 
+       /**
+     * 是否加载中
+     *
+     * @type {string}
+     * @memberof Login
+     */
+    public isLoadding:boolean = false;
+
     /**
      * 登录
      *
      * @memberof Login
      */
     public login() {
+        if(this.isLoadding){
+            return;
+        }
+        this.isLoadding = true;
         let token = localStorage.getItem('token');
         let user = localStorage.getItem('user');
         if(token){
@@ -97,6 +109,7 @@ export default class Login extends Vue {
         const post: Promise<any> = this.$http.post(Environment.RemoteLogin, { loginname: this.username, password: this.password });
         post.then((response: any) => {
             if (response && response.status === 200) {
+                this.isLoadding = false;
                 const data = response.data;
                 localStorage.setItem("token", data.token);
                 localStorage.setItem("user", JSON.stringify(data.user));
@@ -107,6 +120,7 @@ export default class Login extends Vue {
                 this.$router.go(-1)
             }
         }).catch((error: any) => {
+            this.isLoadding = false;
             this.$notice.error(error?error.error.message:"登录异常");
         });
     }