使用getUserProfile接口获取用户信息
- 通过点击按钮触发事件,让用户在弹窗授权。
<u-button @click="getUserInfo">获取头像</u-button>
- 调用getUserProfile获取nickName和avatarUrl。
async getUserInfo() {
uni.getUserProfile({
desc: "登录",
success: (res) => {
console.log(res)
this.userName = res.userInfo.nickName
this.avatarUrl = res.userInfo.avatarUrl
}
})
},
- 展示获取到的用户头像和名称。
<div class="userInfo">
<image class="avatar" :src="avatarUrl"></image>
<div>{{userName}}</div>
</div>