xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-05 16:53:46 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

opt: remove global keyup event bind

Browse Source
This commit is contained in:
RockYang
2024-02-23 11:43:27 +08:00
parent 4463cc5963
commit db6ed84451
5 changed files with 17 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/views/Login.vue
View File

@@ -9,7 +9,8 @@
<div class="header">{{ title }}</div>
<div class="content">
<div class="block">
<el-input placeholder="手机号/邮箱地址" size="large" v-model="username" autocomplete="off">
<el-input placeholder="手机号/邮箱地址" size="large" v-model="username" autocomplete="off" autofocus
@keyup="handleKeyup">
<template #prefix>
<el-icon>
<UserFilled/>
@@ -19,7 +20,8 @@
</div>
<div class="block">
<el-input placeholder="请输入密码" size="large" v-model="password" show-password autocomplete="off">
<el-input placeholder="请输入密码" size="large" v-model="password" show-password autocomplete="off"
@keyup="handleKeyup">
<template #prefix>
<el-icon>
<Lock/>
@@ -84,13 +86,6 @@ const handleKeyup = (e) => {
}
};
onMounted(() => {
document.addEventListener('keyup', handleKeyup)
})
onUnmounted(() => {
document.removeEventListener('keyup', handleKeyup)
})
const login = function () {
if (!validateMobile(username.value) && !validateEmail(username.value)) {
return ElMessage.error("请输入合法的手机号/邮箱地址")

21
web/src/views/admin/Login.vue
View File

@@ -5,7 +5,8 @@
<div class="header">{{ title }}</div>
<div class="content">
<div class="block">
<el-input placeholder="请输入用户名" size="large" v-model="username" autocomplete="off">
<el-input placeholder="请输入用户名" size="large" v-model="username" autocomplete="off" autofocus
@keyup="keyupHandle">
<template #prefix>
<el-icon>
<UserFilled/>
@@ -15,7 +16,8 @@
</div>
<div class="block">
<el-input placeholder="请输入密码" size="large" v-model="password" show-password autocomplete="off">
<el-input placeholder="请输入密码" size="large" v-model="password" show-password autocomplete="off"
@keyup="keyupHandle">
<template #prefix>
<el-icon>
<Lock/>
@@ -58,13 +60,12 @@ checkAdminSession().then(() => {
router.push("/admin")
}).catch(() => {
})
onMounted(() => {
document.addEventListener('keyup', (e) => {
if (e.key === 'Enter') {
login();
}
});
})
const keyupHandle = (e) => {
if (e.key === 'Enter') {
login();
}
}
const login = function () {
if (username.value === '') {
@@ -76,8 +77,6 @@ const login = function () {
httpPost('/api/admin/login', {username: username.value.trim(), password: password.value.trim()}).then(res => {
setAdminToken(res.data)
// 解除事件绑定
document.removeEventListener('keyup')
router.push("/admin")
}).catch((e) => {
ElMessage.error('登录失败，' + e.message)