小编给大家分享一下小程序如何获取用户昵称和头像,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下
首先,传统接口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); }
看完了这篇文章,相信你对“小程序如何获取用户昵称和头像”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。