微信小程序之获取用户信息
前言:最近公司在写一个微信小程序,功能也比较齐全,今天我就对微信小程序获取用户信息发表一下自己的感悟吧!
首先我们先上代码,之后在慢慢解释!
wxml:
<button
open-type="getUserInfo"
bindgetuserinfo="onGetUserInfo"
class="userinfo-avatar"
style="background-image: url({{avatarUrl}})"
size="default"
>
</button>
open-type="getUserInfo"的作用是起到引导用户进行授权的
bindgetuserinfo="onGetUserInfo"可以在这个事件里可以获取用户的信息
js:
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
wx.getUserInfo({
success: res => {
this.setData({
avatarUrl: res.userInfo.avatarUrl
})
}
})
}
}
})
},
onGetUserInfo: function(e) {
console.log(e) //这里打印出的e就是用户所有的的信息
if (!this.data.logged && e.detail.userInfo) {
this.setData({
logged: true,
avatarUrl: e.detail.userInfo.avatarUrl
})
}
},
上面我只是获取了头像,如果你想获取更多的用户信息都可以在e.detail
里面拿到
希望以上信息可以帮助你!!!