小程序最新获取用户昵称和头像的方法总结

 更新时间:2019年09月23日 10:44:48   转载 作者:取名点数增加的boy  
这篇文章主要介绍了小程序最新获取用户昵称和头像的方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下

首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统的wx.getUserInfo目前还是能用的,但是在使用时候会有官方log提醒你,这个方法需要升级。

然后就是官方提供的最新方法Open-data标签,使用这个标签可以不用用户授权直接获得头像和昵称

例子:

 <open-data type="userAvatarUrl"></open-data>  //获取用户头像直接显示在小程序中
  <open-data type="userNickName" lang="zh_CN"></open-data>  //获取用户昵称直接显示在小程序中

最后就是Open-data的灵活使用方法,

<button open-type='getUserInfo' lang="zh_CN" bindgetuserinfo="onGotUserInfo"></button>

可以在button标签中将open-data作为一个属性写入进去,这样效果就变为在点击时获取头像和昵称

获取方法在函数中得到就好

onGotUserInfo: function (e) {
  console.log("nickname=" + e.detail.userInfo.nickName);
 }

具体怎么使用就是不同情况不同分析了,灵活一点就好

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 纯JavaScript手写图片轮播代码

    纯JavaScript手写图片轮播代码

    图片轮播效果在各大网站都可以见到,应用非常广泛,今天小编给大家分享纯js实现手写图片轮播的代码,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10
  • 详解ES6数组方法find()、findIndex()的总结

    详解ES6数组方法find()、findIndex()的总结

    这篇文章主要介绍了详解ES6数组方法find()、findIndex()的总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 用JS写的一个TableView控件代码

    用JS写的一个TableView控件代码

    JS写的一个TableView控件代码,方便输出表格。
    2010-01-01
  • Javascript实现秒表计时游戏

    Javascript实现秒表计时游戏

    这篇文章主要为大家详细介绍了Javascript实现秒表计时游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • Add Formatted Text to a Word Document

    Add Formatted Text to a Word Document

    Add Formatted Text to a Word Document...
    2007-06-06
  • JS使用百度地图API自动获取地址和经纬度操作示例

    JS使用百度地图API自动获取地址和经纬度操作示例

    这篇文章主要介绍了JS使用百度地图API自动获取地址和经纬度操作,结合实例形式分析了javascript与百度地图API接口交互实现获取地址与经纬度相关操作技巧,需要的朋友可以参考下
    2019-04-04
  • 终于解决了IE8不支持数组的indexOf方法

    终于解决了IE8不支持数组的indexOf方法

    今天,测试报过来一个js bug, 在IE8下有个js错误,但是在其它浏览器下(Firefox, Chrome, IE9)下面都很正常。后来调试发现原因是在IE8下,js数组没有indexOf方法。
    2013-04-04
  • 微信小程序仿朋友圈发布动态功能

    微信小程序仿朋友圈发布动态功能

    这篇文章主要介绍了微信小程序仿朋友圈发布动态界面,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • JavaScript中获取高度和宽度函数总结

    JavaScript中获取高度和宽度函数总结

    这篇文章主要介绍了JavaScript中获取高度和宽度函数总结,例如获取视窗大小、可见区域宽、可见区域高、获取元素自身大小等,很方便的一个总结,需要的朋友可以参考下
    2014-10-10
  • Js实现自定义右键行为

    Js实现自定义右键行为

    本文主要给大家分享的是一则javascript实现的自定义右键行为的小技巧,非常的简单实用,有相同需求的小伙伴可以参考下。
    2015-03-03

最新评论