关于微信wx.getUserInfo使用不了的问题

1.前言

今日在学习《微信小程序开发实战》一书时，需获取用户的个人信息（头像昵称性别地区），使用getUserInfo方法👇

getUserInfo:function(e){
     console.log(e.detail.userInfo)
     if(e.detail.userInfo){
       this.setData({
         userInfo:e.detail.userInfo,
         hasUserInfo:true
       })
     }
  },在这里插入代码片

只能获取到匿名对象。到官网看了看函数，用官方的方法试了试，也不行。
后来灵机一动，想到新建项目时便有获取头像的方法，于是查看Index.wmxl，发现了原因所在—— 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息。
特此记录，方便后来人学习到此知识点时知晓

2.解决方法

①页面结构.wxml中

 <button  bindtap="getUserProfile"> 获取头像昵称 </button> 

②页面逻辑.js中

getUserProfile(e) {
    wx.getUserProfile({
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },

③点击按钮，授权，便可看到用户个人信息