<template>
	<view>
		<u-wx-auth
			ref="wxAuthRef"
			:show="show" 
			:logo="logo" 
			:title="title" 
			:tips="tips"
			:confirm-text="confirmText"
			@choose-avatar="onChooseAvatar"
			@confirm="onConfirm"
			@close="onClose"
		></u-wx-auth>
		<u-button @click="show = true">打开微信授权</u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false,
			logo: 'https://uview.d3u.cn/common/logo.png',
			title: '我的应用',
			confirmText: '确认授权',

			avatarUrl: ''  //方法2 演示
		};
	},
	methods: {
		onChooseAvatar(url) {
			console.log('用户选择头像：', url);
			// 可以在这里处理头像上传等逻辑,将图片上传到服务器进行存储


			//方法1：上传完成后，通过下面的方法把图片的地址传到 onConfirm 事件中
			this.$refs.wxAuthRef.avatar = "头像的url路径";

			//方法2：在data中定义一个变量用来存储上传后的图片路径
			this.avatarUrl =  "头像的url路径"
		},
		onConfirm(data) {

			console.log('授权成功：', data);
			// data.avatar - 用户头像路径，如果不调用onChooseAvatar中的方法1或者方法2，则avatar是临时文件的路径
			// data.nickname - 用户昵称
			this.show = false;
		},
		onClose() {
			this.show = false;
		}
	}
};
</script>
✅ Copy success!
copy