opt: remove global keyup event bind

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

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("请输入合法的手机号/邮箱地址")