微信小程序 获取用户接口 弹出授权框

微信小程序 获取用户接口 弹出授权框

最近在学小程序，尝试了很多获取用户信息的方法都没成功，最后摸索找到了如下方法。 但是有个疑问 不知道为啥bindgetuserinfo回调没有值，不太明白bindgetuserinfo是做什么用的？？ 用户信息也已经取到了啊？？

登录页wxml代码

 <button class="journey" open-type="getUserInfo" lang="zh_CN"
         bindgetuserinfo="bindgetuserinfo">开启小程序之旅</button>
复制代码

这里必须是button组件，之前用了text，获取用户信息没生效。

个人信息页js代码

在需要调用用户信息的页面：

 onLoad: function(options) {
    var that = this;
    // 查看是否授权
    wx.getSetting({
      success: function (res) {
        if (res.authSetting['scope.userInfo']) {
          //已授权，可以获取用户信息
          wx.getUserInfo({
            success: function (res) {
              console.log(res.userInfo); //对象
              console.log(res.rawData); //Json
            
              var avatarUrl = res.userInfo.avatarUrl;
              var userName = res.userInfo.nickName;
            
              that.setData({
                avatarUrl: avatarUrl,
                userName: userName
              })
              
            }
          })
        }
      }
    })
  }

复制代码

转载于:https://juejin.im/post/5cb44c56f265da03ac0cff0e