From 666f5a10d31b24ae9c03c35220aa82710c2e3c4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B7=B3?= <454313500@qq.com>
Date: Wed, 17 Jan 2024 17:52:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=86=85=E4=BC=A0=E5=80=BC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
index 62ff477a..29dffb3c 100644
--- a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
@@ -100,7 +100,7 @@
 
 <script setup>
 import "vue-cropper/dist/index.css";
-import { ref, reactive, onMounted,computed } from "vue";
+import { ref, reactive, onMounted,computed ,watch} from "vue";
 import { VueCropper } from "vue-cropper";
 import { upload } from "@/apis/fileApi";
 import { updateUserIcon } from "@/apis/userApi";
@@ -242,13 +242,20 @@ const confirmImage = async () => {
   selectedImageIndex.value = null;
   isOnlineVisible.value = false;
 };
-onMounted(async () => {
 
-  const userIcon=props.user.icon;
-  options.img=userIcon == "" || userIcon == null
+watch(
+  () => props,
+   (val,oldValue) => {
+    const userIcon=props.user.icon;
+    console.log(userIcon,"userIcon")
+    options.img=userIcon == "" || userIcon == null
                 ? "/acquiesce.png"
                 : import.meta.env.VITE_APP_BASEAPI + "/file/" + userIcon;
-   
+          
+  },
+  {immediate:true,deep:true}
+);
+onMounted(async () => {
   const { data: iconListData } = await getIconList();
   iconList.value = iconListData.map(
     (item) => import.meta.env.VITE_APP_BASEAPI + "/" + item