关于微信小程序--授权弹窗

实现

1.进入微信文档官网,找到button组件
添加链接描述
2.阅读文档,发现只需设置一个opentype类型和bindgetuserinfo

<button class="button"  bindgetuserinfo="GetuserinfoHide" open-type="getUserInfo">获取用户信息button>

3.在js页面编写GetuserinfoHide函数的实现

GetuserinfoHide(res){
  console.log('用户信息',res.detail.userInfo);
  if(res.detail.rawData!=undefined){
    if(res.detail.rawData.length!=0){
      const userInformation=res.detail.userInfo;
       this.setData({
       userInfo:userInformation
       })
     }
  }else{
    console.log('用户点击拒绝',res.detail);
  }
},

4.以上操作完成后,在模拟器上进行调试,怎么也出不来效果,log可以打印出res,但是获取用户信息失败。通过百度,查看官网。最终得知。
微信小程序对 wx.getUserInfo 接口进行了调整,原来的 open-type 和 getuserInfo 已经不会弹出授权框了。此时应使用 wx.getUserProfile 解决弹出框的问题,并且 wx.getUserProfile 只能使用 catchtap 或者 bindtap 进行调用。附上调整后的链接添加链接描述
由于我搜到的大多说明该问题文章是在2021年4月份左右,但是我在b站上看的视频是2021年10月份左右。所以就看了一下源码。发现我的环境是

"libVersion": "2.19.4",

而视频中的环境是

"libVersion": "2.13.1",

具体更新时间,我没有去官网上看,所以就是把自己的版本改成了和视频中一样的。

你可能感兴趣的:(微信小程序,小程序)