uniapp小程序登录怎么获取微信头像
时间: 2023-06-22 16:28:46 浏览: 56
要获取微信头像,首先需要用户授权获取其微信信息。具体实现步骤如下:
1. 在 `manifest.json` 文件中添加 `scope.userInfo` 权限。
```
"mp-weixin": {
"appid": "xxx",
"scope": {
"userInfo": true
}
}
```
2. 在需要获取用户信息的页面中,调用 `uni.getUserProfile` 方法。
```
uni.getUserProfile({
desc: '用于完善会员资料',
success: (res) => {
console.log(res.userInfo.avatarUrl); // 获取头像链接
}
});
```
3. 在获取到用户信息后,可以从 `res.userInfo` 对象中获取用户头像链接,然后将链接传递给 `img` 标签即可显示用户头像。
```
<template>
<img :src="avatarUrl" />
</template>
<script>
export default {
data() {
return {
avatarUrl: ''
};
},
methods: {
getUserProfile() {
uni.getUserProfile({
desc: '用于完善会员资料',
success: (res) => {
this.avatarUrl = res.userInfo.avatarUrl;
}
});
}
}
}
</script>
```