微信小程序点击按钮获取用户信息 wx.getUserProfile

发布时间:2023-05-30 17:04:30    发布者:文昌文城莱奥网络技术工作室    浏览次数:355

js:

// index.js
Page({
  data: {
    userInfo: null
  },
  getUserProfile: function() {
    wx.getUserProfile({
      desc: '更新用户信息', // 需要获取的用户信息,会展示在授权界面上
      success: (res) => {
        console.log(res);
        this.setData({
          userInfo: res.userInfo
        })
      },
      fail: (err) => {
        console.log(err);
      }
    })
  }
})

wxml:

<!-- index.wxml -->
<view>
  <button bindtap="getUserProfile">获取用户信息</button>
  <view wx:if="{{ userInfo }}">
    <image src="{{ userInfo.avatarUrl }}"></image>
    <text>{{ userInfo.nickName }}</text>
  </view>
</view>