fix: login enter submit, username user-select:none

Author: sendya

src/components/page/GlobalLayout.vue

@@ -551,6 +551,11 @@
   }
 
   // 外置的样式控制
+  .user-dropdown-menu {
+    span {
+      user-select: none;
+    }
+  }
   .user-dropdown-menu-wrapper.ant-dropdown-menu {
     padding: 4px 0;
 

src/components/tools/UserMenu.vue

@@ -1,79 +1,75 @@
-<template>
-  <div class="user-wrapper">
-    <span class="action">
-      <a-icon type="question-circle-o"></a-icon>
-    </span>
-    <header-notice class="action"/>
-    <a-dropdown>
-      <span class="action ant-dropdown-link user-dropdown-menu">
-        <a-avatar class="avatar" size="small" :src="avatar()"/>
-        <span>{{ nickname() }}</span>
-      </span>
-      <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
-        <a-menu-item key="0">
-          <router-link :to="{ name: 'center' }">
-            <a-icon type="user"/>
-            <span>个人中心</span>
-          </router-link>
-        </a-menu-item>
-        <a-menu-item key="1">
-          <router-link :to="{ name: 'settings' }">
-            <a-icon type="setting"/>
-            <span>账户设置</span>
-          </router-link>
-        </a-menu-item>
-        <a-menu-item key="2" disabled>
-          <a-icon type="setting"/>
-          <span>测试</span>
-        </a-menu-item>
-        <a-menu-divider/>
-        <a-menu-item key="3">
-          <a href="javascript:;" @click="handleLogout">
-            <a-icon type="logout"/>
-            <span>退出登录</span>
-          </a>
-        </a-menu-item>
-      </a-menu>
-    </a-dropdown>
-  </div>
-</template>
-
-<script>
-  import HeaderNotice from './HeaderNotice'
-  import { mapActions, mapGetters } from 'vuex'
-
-  export default {
-    name: 'UserMenu',
-    components: {
-      HeaderNotice
-    },
-    methods: {
-      ...mapActions(['Logout']),
-      ...mapGetters(['nickname', 'avatar']),
-      handleLogout() {
-        const that = this
-
-        this.$confirm({
-          title: '提示',
-          content: '真的要注销登录吗 ?',
-          onOk() {
-            return that.Logout({}).then(() => {
-              window.location.reload()
-            }).catch(err => {
-              that.$message.error({
-                title: '错误',
-                description: err.message
-              })
-            })
-          },
-          onCancel() {
-          },
-        })
-      },
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div class="user-wrapper">
+    <span class="action">
+      <a-icon type="question-circle-o"></a-icon>
+    </span>
+    <header-notice class="action"/>
+    <a-dropdown>
+      <span class="action ant-dropdown-link user-dropdown-menu">
+        <a-avatar class="avatar" size="small" :src="avatar()"/>
+        <span>{{ nickname() }}</span>
+      </span>
+      <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
+        <a-menu-item key="0">
+          <router-link :to="{ name: 'center' }">
+            <a-icon type="user"/>
+            <span>个人中心</span>
+          </router-link>
+        </a-menu-item>
+        <a-menu-item key="1">
+          <router-link :to="{ name: 'settings' }">
+            <a-icon type="setting"/>
+            <span>账户设置</span>
+          </router-link>
+        </a-menu-item>
+        <a-menu-item key="2" disabled>
+          <a-icon type="setting"/>
+          <span>测试</span>
+        </a-menu-item>
+        <a-menu-divider/>
+        <a-menu-item key="3">
+          <a href="javascript:;" @click="handleLogout">
+            <a-icon type="logout"/>
+            <span>退出登录</span>
+          </a>
+        </a-menu-item>
+      </a-menu>
+    </a-dropdown>
+  </div>
+</template>
+
+<script>
+  import HeaderNotice from './HeaderNotice'
+  import { mapActions, mapGetters } from 'vuex'
+
+  export default {
+    name: 'UserMenu',
+    components: {
+      HeaderNotice
+    },
+    methods: {
+      ...mapActions(['Logout']),
+      ...mapGetters(['nickname', 'avatar']),
+      handleLogout() {
+        const that = this
+
+        this.$confirm({
+          title: '提示',
+          content: '真的要注销登录吗 ?',
+          onOk() {
+            return that.Logout({}).then(() => {
+              window.location.reload()
+            }).catch(err => {
+              that.$message.error({
+                title: '错误',
+                description: err.message
+              })
+            })
+          },
+          onCancel() {
+          },
+        })
+      },
+    }
+  }
+</script>

src/views/user/Login.vue

@@ -5,6 +5,7 @@
       class="user-layout-login"
       ref="formLogin"
       :form="form"
+      @submit="handleSubmit"
     >
       <a-tabs
         :activeKey="customActiveKey"
@@ -82,10 +83,10 @@
         <a-button
           size="large"
           type="primary"
+          htmlType="submit"
           class="login-button"
           :loading="state.loginBtn"
           :disabled="state.loginBtn"
-          @click.stop.prevent="handleSubmit"
         >确定</a-button>
       </a-form-item>
 
@@ -169,7 +170,8 @@ export default {
       this.customActiveKey = key
       // this.form.resetFields()
     },
-    handleSubmit() {
+    handleSubmit(e) {
+      e.preventDefault()
       const {
         form: { validateFields },
         state,