wx.getUserInfo获取到的用户信息为匿名信息，微信小程序接口调整---代码更改

最新推荐文章于 2024-07-07 17:02:21 发布

caicsama

最新推荐文章于 2024-07-07 17:02:21 发布

阅读量666

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/caicsama/article/details/117091606

版权

js 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

可以直接参考官方文档：wx.getUserProfile
或者往下看：
效果：在这里插入图片描述
需要点击按钮进行授权，比原来的授权简单了：

wxss

.avator-tit{
  display:flex;
  margin-top:20rpx;
  font-size:32rpx;
  align-items: center;
}
.avatar{
  width:160rpx;
  text-align:left;
  border-radius: 50%;
}

wxml：

    <view class="avator-tit">
      <view class="avatar">
         <image src="{{logo}}" class="img"  bindtap="toAuth"></image>
      </view>
      <view>{{nickName}}</view>
    </view>

js

toAuth(){
    wx.getUserProfile({
      desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
      // 也可以直接在这里保存,方便在全局使用 
      // wx.setStorageSync('userInfo',res.userInfo); 
        let {nickName, avatarUrl} = res.userInfo;
        this.setData({
          logo: avatarUrl,
          nickName
        })
      }
    })

就OK了！