- 在uniapp中尝试使用接口获得用户头像但是出错:
- vue中template配置:(根据官方文档要求这么写,结果报错)
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar" :src="avatarUrl" style="width: 100rpx;height: 100rpx;"></image>
</button>
- methods中:
// data下
avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0', // 默认赋值黑头像
// methods下
onChooseAvatar(e) {
const { avatarUrl } = e.detail
this.avatarUrl = avatarUrl
},
- 问题解决
将bind:chooseavatar="onChooseAvatar"修改为@chooseavatar="onChooseAvatar"即可解决
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image class="avatar" :src="avatarUrl" style="width: 100rpx;height: 100rpx;"></image>
</button>