微信小程序 关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“

获取用户信息：this.setData和getApp().globalData.userInfo;

最开始的WXML文件中，我们写下页面结构代码如下：

     <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
     <text class="userinfo-nickname">{{userInfo.nickName}}</text>  

并且再赋予一定的样式 “userinfo-avator”与“userinfo-nickname”

.userinfo-avatar{
  width: 128rpx;
  height: 128rpx;
  margin-top:20rpx;
  border-radius: 50%;
  background-color: rgba(215, 255, 209, 1);
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
}
.userinfo-nickname{
  margin-top: 2%;
  color: 
}

出来的效果是：

可以看到，有头像的圆框框，大小，边距，背景颜色，但是头像和昵称却没有渲染出来。因为我们并没有获取用户信息userInfo。无从获取userInfo.avatorUrl和userInfo.nickname，所以就无法渲染出来。

解决：想办法获取用户信息。

• 定义用户信息userInfo
• 获取用户信息getApp().globalData.userInfo
• 更新用户信息this.setData

我们在js文件中，onLoad函数写下如下代码段：
首先，页面得有相应的初始数据，定义初始信息，如下：

  data: {
    userInfo: {},
  },

通过getApp().globalData.userInfo和this.setData来获取并且更新信息。

  onLoad: function (options) {
    this.setData({
      userInfo:getApp().globalData.userInfo
    })
  },

最终效果：

获得了用户的头像，同时也获得了用户的昵称！！

其它获取用户信息的方法，请看通过open-data来获取用户信息
希望本文对你有所帮助，欢迎讨论交流学习！