From 4b45ee2dc4e5e7a17e66ba4716531d555aded56a Mon Sep 17 00:00:00 2001
From: "D.C.B.A" <11772637+xyb1418@user.noreply.gitee.com>
Date: Thu, 13 Feb 2025 00:50:03 +0000
Subject: [PATCH] =?UTF-8?q?update=20blog-web/src/components/AlbumPassword/?=
 =?UTF-8?q?index.vue.=20=E4=BF=AE=E5=A4=8D=E5=8A=A0=E5=AF=86=E7=9B=B8?=
 =?UTF-8?q?=E5=86=8C=E5=9C=A8=E8=BE=93=E5=85=A5=E5=AF=86=E7=A0=81=E5=90=8E?=
 =?UTF-8?q?=EF=BC=8C=E6=8C=89=E4=B8=8B=20Enter=20=E9=94=AE=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E9=A1=B5=E9=9D=A2=E5=88=B7=E6=96=B0=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AlbumPassword/index.vue    | 48 ++++++++++---------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/blog-web/src/components/AlbumPassword/index.vue b/blog-web/src/components/AlbumPassword/index.vue
index 4af7ec0..ec313bc 100644
--- a/blog-web/src/components/AlbumPassword/index.vue
+++ b/blog-web/src/components/AlbumPassword/index.vue
@@ -1,24 +1,23 @@
 <template>
   <el-dialog
-    :visible.sync="visible"
-    title="相册密码验证"
-    width="400px"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    :show-close="false"
+      :visible.sync="visible"
+      title="相册密码验证"
+      width="400px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :show-close="false"
   >
     <div class="password-dialog">
       <div class="dialog-icon">
         <i class="fas fa-lock"></i>
       </div>
       <p class="dialog-tip">这是一个加密相册，请输入密码访问</p>
-      <el-form :model="form" ref="form" :rules="rules">
+      <el-form :model="form" ref="form" :rules="rules" @submit.native.prevent="handleSubmit">
         <el-form-item prop="password">
           <el-input
-            v-model="form.password"
-            type="password"
-            placeholder="请输入相册密码"
-            @keyup.enter.native="handleSubmit"
+              v-model="form.password"
+              type="password"
+              placeholder="请输入相册密码"
           >
             <template slot="prefix">
               <i class="fas fa-key"></i>
@@ -55,27 +54,32 @@ export default {
   },
   methods: {
     show() {
-      this.visible = true
-      this.form.password = ''
+      this.visible = true;
+      this.form.password = '';
       if (this.$refs.form) {
-        this.$refs.form.clearValidate()
+        this.$refs.form.clearValidate();
       }
     },
     handleCancel() {
-      this.visible = false
-      this.$emit('cancel')
+      this.visible = false;
+      this.$emit('cancel');
     },
-    handleSubmit() {
+    handleSubmit(event) {
+      // 阻止默认行为，防止页面刷新
+      event.preventDefault();
+
       this.$refs.form.validate(valid => {
         if (valid) {
-          this.loading = true
+          this.loading = true;
           this.$emit('submit', this.form.password, () => {
-            this.loading = false
-          })
+            this.loading = false;
+            this.visible = false; // 提交后关闭弹窗
+          });
         }
-      })
+      });
     }
   }
+
 }
 </script>
 
@@ -117,4 +121,4 @@ export default {
   25% { transform: translateX(-5px); }
   75% { transform: translateX(5px); }
 }
-</style> 
\ No newline at end of file
+</style>
\ No newline at end of file
-- 
Gitee