uniapp获取微信头像和昵称_uni-id-pages 微信昵称和头像

<view class="userInformation">
	 <!-- 用户自定义头像 -->
	 <view class="userPortrait">
		  <image :src="yonghuwx.avatarUrl" mode="widthFix"></image>
	 </view>
	 <view class="userLook" >
		  <!-- 用户自定义名字 -->
		  <view class="user-title clamp">{{yonghuwx.nickName}}</view>
		  <view class="user-edit">查看个人资料</view>
	 </view>
</view>

1
2
3
4
5
6
7
8
9
10
11
12

onLoad(){
    let that = this;
		uni.login({
			provider:'weixin',
			success:function(loginRes) {
			// 获取用户信息
			    uni.getUserInfo({
				    provider:'weixin',
					success:function(infoRes){
				   	    that.userInfo= infoRes.userInfo
				    	console.log(that.userInfo)
					}
				});
			}
		});
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17