头像

src/pages/WoDe/index.vue

@@ -7,7 +7,7 @@
       <view class="centerLabel">
         <view class="flex-h">
           <view class="Icon">
-            <image mode="widthFix" :src="IconUrl"></image>
+            <image mode="widthFix" :src="UserInfo.Icon || 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png'"></image>
           </view>
           <view class="flex-item">
             <navigator url="../SignIn/index" hover-class="other-navigator-hover" class="SiginIn" v-if="UserInfo === null || UserInfo.Phone === undefined || UserInfo.Phone === null">立即登录</navigator>
@@ -57,13 +57,16 @@ export default {
   name: 'WoDe',
   data () {
     return {
-      IconUrl: 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png',
+      // IconUrl: 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png',
     }
   },
   computed: {
     ...mapUserState({
       UserInfo: x => x.UserInfo // 用户信息
-    })
+    }),
+    IconUrl () {
+      return (this.UserInfo || {}).Icon || 'https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/morentouxiang.png'
+    }
   },
   components: {
     GetUserIcon
@@ -81,13 +84,13 @@ export default {
       'EditUserInfo' // 编辑用户信息
     ]),
     Init () { // 初始化
-      if (this.UserInfo === null && this.UserInfo.Phone === undefined && this.UserInfo.Phone === null) {
-        this.IconUrl = this.UserInfo.Icon
-      }
+      // if (this.UserInfo === null && this.UserInfo.Phone === undefined && this.UserInfo.Phone === null) {
+      //   this.IconUrl = this.UserInfo.Icon
+      // }
     },
     UserInfoChange () {
-      this.IconUrl = this.UserInfo.Icon
-      console.log(this.IconUrl, '1`````')
+      // this.IconUrl = this.UserInfo.Icon
+      // console.log(this.IconUrl, '1`````')
     }
   }
 }