微信小程序开发

获取微信用户的基本信息
函数wx.getUserInfo(),其返回的结果包含又用户的基本信息
js文件代码：

Page({
   data:{
        userInfo:[], //保存获取得到的用户信息
    },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var self = this //代表的是当前的js文件的整个page
    wx.getUserInfo({
      success: res => {
        console.log("得到的结果：")
        console.log(res)
        self.setData({
          userInfo: res.userInfo
        })
        console.log("userInfo:")
        console.log(self.data.userInfo)
      }
    })
  }
     
})

wxml文件代码：

<view class="contain">
    <view class="img">
    //用户touxiang
    <image src="{{userInfo.avatarUrl}}" class="headIcon"></image>
    </view>
    //用户名称
    <view class="nickName">{{userInfo.nickName}}</view>
</view>

页面显示：