1. 使用 ~~~ <open-data type="groupName" open-gid="xxxxxx"></open-data> <open-data type="userAvatarUrl"></open-data> <open-data type="userGender" lang="zh_CN"></open-data> // 说明 给图片改成圆形 要加display:block;和overflow：hidden; ~~~ 2. 使用按钮 open-type="getUserInfo" 弹出授权框 ~~~ <button open-type="getUserInfo" lang="zh_CN" type="primary" bindgetuserinfo="onGotUserInfo">获取用户信息</button> //说明 绑定授权事件 onGotUserInfo 授权会获取信息 ~~~ 3.onload函数中的授权事件 ~~~ /* 判断用户是否授权 */ wx.getSetting({ success: res => { /* 为真则表示授权 */ if (res.authSetting["scope.userInfo"]) { //获取用户信息 wx.getUserInfo({ success: res => { this.setData({ userInfo: res.userInfo, authorized: true }) } }) } else { console.log('err'); } } }); ~~~ 获取用户授权设置 [链接](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/authorize/wx.authorize.html) ~~~ 开发者可以使用 wx.getSetting 获取用户当前的授权状态。 ~~~ 打开设置界面 ~~~ 用户可以在小程序设置界面（「右上角」 - 「关于」 - 「右上角」 - 「设置」）中控制对该小程序的授权状态。 开发者可以调用 wx.openSetting 打开设置界面，引导用户开启授权。 ~~~ 提前发起授权请求 ~~~ 开发者可以使用 wx.authorize 在调用需授权 API 之前，提前向用户发起授权请求。 ~~~ ~~~ // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope wx.getSetting({ success(res) { if (!res.authSetting['scope.record']) { wx.authorize({ scope: 'scope.record', success () { // 用户已经同意小程序使用录音功能，后续调用 wx.startRecord 接口不会弹窗询问 wx.startRecord() } }) } } } ~~~