Get wechat avatar and nickname with uniapp

<view class="userInformation">
	 <!--  User defined Avatar  -->
	 <view class="userPortrait">
		  <image :src="yonghuwx.avatarUrl" mode="widthFix"></image>
	 </view>
	 <view class="userLook" >
		  <!--  User defined name  -->
		  <view class="user-title clamp">{
    {
    yonghuwx.nickName}}</view>
		  <view class="user-edit"> Check your profile </view>
	 </view>
</view>

onLoad(){
    
    let that = this;
		uni.login({
    
			provider:'weixin',
			success:function(loginRes) {
    
			//  Get user information 
			    uni.getUserInfo({
    
				    provider:'weixin',
					success:function(infoRes){
    
				   	    that.userInfo= infoRes.userInfo
				    	console.log(that.userInfo)
					}
				});
			}
		});
}