使用getUserProfile接口获取用户信息

通过点击按钮触发事件，让用户在弹窗授权。

<u-button @click="getUserInfo">获取头像</u-button>

调用getUserProfile获取nickName和avatarUrl。

async getUserInfo() {uni.getUserProfile({desc: "登录",success: (res) => {console.log(res)this.userName = res.userInfo.nickNamethis.avatarUrl = res.userInfo.avatarUrl}})},

展示获取到的用户头像和名称。

<div class="userInfo"><image class="avatar"  :src="avatarUrl"></image><div>{{userName}}</div></div>

微信小程序获取用户名称和用户头像 uni-app相关推荐

uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段我们在用 uni-app 开发微信小程序时, ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...
微信小程序获取用户信息并保存登录状态
微信小程序获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
.Net之微信小程序获取用户UnionID
前言: 在实际项目开发中我们经常会遇到账号统一的问题,如何在不同端或者是不同的登录方式下保证同一个会员或者用户账号唯一(便于用户信息的管理).这段时间就有一个这样的需求,之前有个客户做了一个微信小程序 ...
微信小程序获取用户信息
微信小程序获取用户信息微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...
微信授权绑定手机号 java_微信小程序获取手机号授权用户登录功能
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPhoneNumber这个组件通过button来实现(别的标签无 ...
微信小程序获取绑定授权用户手机号getPhoneNumber-全流程及手机号带*号问题
微信小程序获取微信绑定授权手机号getPhoneNumber全流程及出现手机号带*号问题详解微信小程序文档中给出如下示例获取微信用户绑定的手机号,需先调用login接口. 因为需要用户主动触发才能 ...
微信小程序获取用户信息-头像、昵称......
微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权目录微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
uniapp微信小程序怎样获取宽高？获取系统信息？微信小程序获取用户手机屏幕高度与宽度信息等
第一种方案(推荐) "vw" = "view width" "vh" = "view height" 使用 CSS3 引 ...

微信小程序获取用户名称和用户头像 uni-app

使用getUserProfile接口获取用户信息

微信小程序获取用户名称和用户头像 uni-app相关推荐

最新文章

热门文章