官方文档中：

button组件的open-type属性代表这微信开放能力，当我们制定该属性值为getUserInfo 类型，用户允许授权后，可获取用户基本信息。

需要注意的是：此接口有调整，使用该接口将不再出现授权弹窗，请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作

<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 授权登录 </button>

<view wx:else>请升级微信版本</view>

js代码：

data: {

    //判断小程序的API，回调，参数，组件等是否在当前版本可用。

    canIUse: wx.canIUse('button.open-type.getUserInfo')

  },

  onLoad: function () {

    // 查看是否授权

    wx.getSetting({

      success: function (res) {

        if (res.authSetting['scope.userInfo']) {

          wx.getUserInfo({

            success: function (res) {

              console.log(res.userInfo)

              //用户已经授权过

            }

          })

        }

      }

    })

  },

  bindGetUserInfo: function (e) {

    console.log(e.detail.userInfo)

    if (e.detail.userInfo) {

      //用户按了允许授权按钮

    } else {

      //用户按了拒绝按钮

    }

  },

还有一点容易被我们忽略的问题：

在小程序中，不允许wx.navigateTo 和wx.redirectTo 跳转到tabbar list的页面，用wx.switchTab 跳转，所以在授权之后要跳转到的页面若为 tabBar中的页面 ，应该用wx.switchTab或wx.reLaunch。