uni-app 调用微信小程序头像选择接口报错 Component “xxx“ does not have a method “onChooseAvatar“

在uni-app中调用微信小程序头像选择接口无效，控制台报错：Component “pages/index/index“ does not have a method “onChooseAvatar“。

错误原因是我直接复制了微信小程序官方文档中的代码：

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
	<image class="avatar" :src="avatarUrl"></image>
</button>

而uni-app中要求使用@的方式绑定事件，将bind:chooseavatar="onChooseAvatar"修改为@chooseavatar="onChooseAvatar"即可解决。

<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
	<image class="avatar" :src="avatarUrl"></image>
</button>

相关文章