今天在做小程序的时候使用open-data type="userAvatarUrl"标签发现在本地开发的时候可以获取本人的头像,但是在真机上就无法显示解决办法
我们要换一种思路去处理
使用官方提供的方法 官网文档链接
wxml
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar" src="{{avatarUrl}}"></image>
</button>
js文章来源：https://www.toymoban.com/news/detail-507177.html
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
Page({
data: {
avatarUrl: defaultAvatarUrl,
},
onChooseAvatar(e) {
const { avatarUrl } = e.detail
this.setData({
avatarUrl,
})
}
})
效果
希望此文章能帮助到你文章来源地址https://www.toymoban.com/news/detail-507177.html
到了这里，关于微信小程序＜open-data type=“userAvatarUrl“＞真机无法获取头像问题/解决办法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
