微信小程序中获取用户的信息

获取用户信息

wx.getUserInfo()方法
可以获取用户的信息，但是值得注意的是，此接口有调整，使用该接口将不会再出现授权弹窗。
在JS代码中：

Page({
   
    data:{
   
        msg:'用户名',
        userInfo:{
   }//接收用户信息，最后放到页面中显示
    }
})


在onLoad生命周期函数中：
wx.getUserInfo({
   
    success:(data)=>{
           //原来的形式为success(data){
   console.log(data);}，但setData方法在成功的回调中，所以修改
        console.log(data);
        //更新data中的userInfo
        //setData方法在成功的回调中，不是当前实例调用的，所以success成为箭头函数
        this.setData({
   
            userInfo:data.userInfo
        })
    },
    fail:()=>{
   
        console.log('获取用户数据失败')
    }
})

通过以上代码，从控制台的AppData中可以看出来已经更新成功了。
通过AppData可以找到具体信息，在wxml中将之显示。

<image class='avatar' src='{
   {userInfo.avatarUrl}}'></image>
<t