uniapp中的getUserInfo无法获取到用户信息的问题--解决办法

uniapp中的getUserInfo无法获取到用户信息的问题–解决办法

在uniapp微信小程序开发中,2021-04-13之前获取用户信息的写法:

<button type="default" open-type="getUserInfo" @getuserinfo="handleGetUserInfo">获取用户信息</button>	
<script>
	export default{
		data(){
			return {
				userInfo: {}
			}
		},
		methods: {
			handleGetUserInfo(e){
				this.userInfo = e.userInfo
			}
		}
	}
	
</script>

但是!!!在微信开发文档中2021-04-13之后明确表示不支持wx.getUserInfo来获取用户信息。
而uniapp是兼容微信开发文档中所有的API的,于是。。。我们有了一个新的写法

<button type="primary" plain @click="getUserProfile">获取用户信息</button>
<script>
	export default {
		data() {
			return {
				userInfo: {},
			}
		},
		methods: {
			getUserProfile(e) {
				wx.getUserProfile({
					desc: '用于获取个人资料', // 这里的desc在微信开发文档中要求必须填写的
					success: (res) => {
						this.userInfo = res.userInfo
					}
				})
			}
		}
	}
</script>

于是乎,我们解决了uniapp中getUserInfo中无法获取用户信息的问题!
觉得解决了你的问题,点个赞吧!

微信对getUserProfile接口进行了调整,自2022 年 10 月 25 日 24 后 wx.getUserProfile将被收回。
生效期后发布的小程序新版本,通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配
具体调整说明请戳 小程序用户头像昵称获取规则调整公告

你可能感兴趣的:(小程序,uni-app,vue)