From a18880675b0ee01e24d1aaeb5a87538f6256ec06 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Fri, 6 Jun 2025 22:54:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF):?=
 =?UTF-8?q?=20=E4=BD=BF=E7=94=A8storeToRefs=E8=A7=A3=E6=9E=84userInfo?=
 =?UTF-8?q?=E5=B9=B6=E6=B7=BB=E5=8A=A0=E8=B0=83=E8=AF=95=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重构用户信息相关代码，使用storeToRefs解构userInfo以简化模板中的访问
在setUserAvatar方法中添加调试日志以便跟踪头像设置过程
---
 src/pages/mine/index.vue | 17 +++++++++--------
 src/store/user.ts        |  2 ++
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 9bcd6b8..7b093ac 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -8,17 +8,17 @@
 
 <template>
   <view class="profile-container">
-    {{ JSON.stringify(userStore.userInfo) }}
+    {{ JSON.stringify(userInfo) }}
     <!-- 用户信息区域 -->
     <view class="user-info-section">
       <!-- #ifdef MP-WEIXIN -->
       <button class="avatar-button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
-        <wd-img :src="userStore.userInfo.avatar" width="80px" height="80px" radius="50%"></wd-img>
+        <wd-img :src="userInfo.avatar" width="80px" height="80px" radius="50%"></wd-img>
       </button>
       <!-- #endif -->
       <!-- #ifndef MP-WEIXIN -->
       <view class="avatar-wrapper" @click="run">
-        <wd-img :src="userStore.userInfo.avatar" width="100%" height="100%" radius="50%"></wd-img>
+        <wd-img :src="userInfo.avatar" width="100%" height="100%" radius="50%"></wd-img>
       </view>
       <!-- #endif -->
       <view class="user-details">
@@ -27,13 +27,13 @@
           type="nickname"
           class="weui-input"
           placeholder="请输入昵称"
-          v-model="userStore.userInfo.username"
+          v-model="userInfo.username"
         />
         <!-- #endif -->
         <!-- #ifndef MP-WEIXIN -->
-        <view class="username">{{ userStore.userInfo.username }}</view>
+        <view class="username">{{ userInfo.username }}</view>
         <!-- #endif -->
-        <view class="user-id">ID: {{ userStore.userInfo.id }}</view>
+        <view class="user-id">ID: {{ userInfo.id }}</view>
       </view>
     </view>
 
@@ -93,7 +93,8 @@ import { storeToRefs } from 'pinia'
 import { IUploadSuccessInfo } from '@/api/login.typings'
 
 const userStore = useUserStore()
-
+// 使用storeToRefs解构userInfo
+const { userInfo } = storeToRefs(userStore)
 const toast = useToast()
 const hasLogin = ref(false)
 
@@ -142,7 +143,7 @@ const onChooseAvatar = (e: any) => {
     {
       onSuccess: (res) => {
         console.log('头像上传成功', res)
-        // 更新用户信息
+        useUserStore().setUserAvatar(res)
       },
     },
     avatarUrl,
diff --git a/src/store/user.ts b/src/store/user.ts
index 45d02e2..400e8f2 100644
--- a/src/store/user.ts
+++ b/src/store/user.ts
@@ -36,6 +36,8 @@ export const useUserStore = defineStore(
     }
     const setUserAvatar = (avatar: string) => {
       userInfo.value.avatar = avatar
+      console.log('设置用户头像', avatar)
+      console.log('userInfo', userInfo.value)
     }
     // 删除用户信息
     const removeUserInfo = () => {