1.wxml

<view class="container">
<view class="userinfo">
<block wx:if="{{!hasUserInfo}}"><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
</block>
<block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
</view>
</view>

2.js

getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认// 开发者妥善保管用户快速填写的头像昵称,避免重复弹窗wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写success: (res) => {this.setData({userInfo: res.userInfo,hasUserInfo: true})}})
},

微信小程序登录 获取头像不显示相关推荐

  1. 微信小程序登录获取不到头像和昵称解决办法!

    微信小程序登录获取不到头像和昵称主要原因是:小程序wx.getUserProfile接口被收回! 大家可以按照文档操作↓ PS: 针对小程序wx.getUserProfile接口将被收回后做出的授权调 ...

  2. 微信小程序最新获取头像以及昵称方法

    微信小程序最新获取头像信息 之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了. 之前方法代码: <open-data type=&quo ...

  3. 微信小程序登录获取Token以及微信支付

    微信小程序登录获取Token 在调用登录接口api之前,要先获取以下五个参数 后四个参数获取:通过为button按钮添加 open-type="getUserInfo" (固定写法 ...

  4. 微信小程序 - 登录获取openid和用户信息(适配getUserProfile)

    GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类 小程序码 微信小程序中如果需要使用微信的用户信息建立自己的用户体系,需拿到唯一标识openid,然后 ...

  5. 微信小程序最新获取头像和昵称的方法 直接用!

    调整背景 微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo,2021年4月5日被废弃,原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝 ...

  6. 修复微信小程序不能获取头像和昵称的bug,微信小程序新版头像昵称API使用

    导读: 大厂程序员都是有KPI绩效考核的,所以他们不能闲着,每天要想着怎么优化程序代码.怎么满足奇葩用户的需求,所以苦逼了我们这些小公司程序员,微信一个小小的API接口改动,可能就让一个小公司因此损失 ...

  7. 微信小程序授权获取头像昵称的最新形式——头像昵称填写

    微信小程序授权用户信息,不知道有没有人像我一样,从wx.getUserInfo到wx.getUserProfile再到头像昵称填写获取用户头像昵称全部尝试了一遍,怪就怪自己一开始没仔细看官方文档,没注 ...

  8. Java实现微信小程序登录 获取用户信息

    小程序比公众号授权登录 更加简单 其实没什么是后台需要处理的 前端传过来一个code 我们保存以下通过code获取过来的openid就可以 其他的用户信息 前端小程序那边可以获取. 首先既然是小程序登 ...

  9. 微信小程序最新获取头像昵称方式

    前言 版本历史变迁 一.获取头像的正确姿势 二.获取昵称的正确姿势 总结 前言 产品需要获取微信用户的昵称和头像. 这这还不简单,so easy! 通过wx.getUserProfile或者 wx.g ...

最新文章

  1. 李飞飞最新论文:用算法判断政治倾向(附论文链接)
  2. 深入redis内部之redis启动过程之二
  3. sqlserver中 事物 索引及视图
  4. 为什么我不用ViewPager或RecyclerView来做上下滑切换
  5. 提高网站打开速度的7大秘籍
  6. ajax分页效果、分类联动、搜索功能
  7. 手机电子词典_一个落榜生的醒悟:我的梦想,是手机夺走的!
  8. extjs引入html,ExtJs教程第一集 搭建ext环境后的第一个hello World
  9. 【读书笔记】《早起的奇迹》
  10. URLConnection 传入参数
  11. 解锁system分区
  12. 什么是汽车SOA架构?【长期更新】【800字】【原创】
  13. OA系统的集成与整合:打破信息孤岛,实现企业信息化融会贯通
  14. 准备进入ReRAM速度!Crossbar发布SMIC芯片样品
  15. 绝地求生亚服服务器维护,绝地求生亚服维护时间
  16. Wi-Fi PNO扫描流程(Android P)
  17. 信号与系统时域分析(4)——冲激响应与阶跃响应
  18. android 三星打印机,安卓逆袭传统 三星X4300LX复合机首测
  19. 富文本中添加字体选项功能_扑中的字体功能
  20. ST202EB_15KV ESD保护5V RS-232收发器,温度范围[-40℃, 85℃]——科时进商城

热门文章

  1. 哔哩哔哩php开发工作怎么样,[上海] [哔哩哔哩]-努力寻求[PHP /C++/Andro/iOS/前端开发工程师]-会是你吗?...
  2. POJ1608 Banal Tickets
  3. 这些常见的漏洞和修复方法你知道吗?
  4. SLCP认证辅导,SLCPCAFv1.4和v1.3相比较共同之处在哪
  5. Java后端落地项目记录
  6. STP生成树协议切割网络环路
  7. Arduino Nano 引脚分配图及定义详解
  8. java获取三个月之前时间与当前时间
  9. 互联网日报 | 格力回应被取消中标资格;微贷网涉嫌非吸被立案侦查;网易文创品牌全新发布...
  10. 记录MEMORY_MANAGEMENT蓝屏解决过程