小程序最新獲取用戶昵稱和頭像的方法總結(jié)
更新時間：2019年09月23日 10:44:48 作者：取名點數(shù)增加的boy
這篇文章主要介紹了小程序最新獲取用戶昵稱和頭像的方法總結(jié),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
前段時間微信小程序?qū)Λ@取用戶昵稱和頭像方法進行了更新，網(wǎng)上很多的文章都已經(jīng)不適用了，這里簡單總結(jié)一下
首先，傳統(tǒng)接口wx.getUserInfo的效果會彈出一個給用戶的彈窗，需要用戶授權(quán)，經(jīng)過測試傳統(tǒng)的wx.getUserInfo目前還是能用的，但是在使用時候會有官方log提醒你，這個方法需要升級。
然后就是官方提供的最新方法Open-data標簽，使用這個標簽可以不用用戶授權(quán)直接獲得頭像和昵稱
例子：
<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作為一個屬性寫入進去，這樣效果就變?yōu)樵邳c擊時獲取頭像和昵稱
獲取方法在函數(shù)中得到就好
onGotUserInfo: function (e) {
console.log("nickname=" + e.detail.userInfo.nickName);
}
具體怎么使用就是不同情況不同分析了，靈活一點就好
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于javascript模塊加載技術(shù)的一些思考
這篇文章主要介紹了關(guān)于javascript模塊加載技術(shù)的一些思考 ,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了web頁面和微信小程序頁面實現(xiàn)瀑布流效果，本文通過實例代碼圖文介紹，給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-09-09
Echo 是一個獨立的 JavaScript 懶加載圖像的工具，快速、體積小（不足1k）和使用 HTML5 的 data- 屬性，通過本文給大家介紹JavaScript圖像延遲加載庫Echo.js ，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
js判斷樣式className同時增加class或刪除class
用正則表達式判斷多個class之間是否存在真正的class（前后空格的處理)然后增加class刪除class，本文給予實現(xiàn)方法，感興趣的朋友可以了解下，或許對你有所幫助2013-01-01
下面小編就為大家?guī)硪黄狫S字符串長度判斷,超出進行自動截取的實例(支持中文)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了CocosCreator實現(xiàn)技能冷卻效果，同學(xué)們可以跟著教程，親手試一下，代碼都是可以復(fù)用的2021-04-04
Javascript設(shè)計模式之發(fā)布訂閱模式
發(fā)布---訂閱模式又叫觀察者模式，它定義了對象間的一種一對多的關(guān)系，讓多個觀察者對象同時監(jiān)聽某一個主題對象，當一個對象發(fā)生改變時，所有依賴于它的對象都將得到通知2022-12-12
通過這篇文章幫助大家快速學(xué)習(xí)JavaScript DOM操作基礎(chǔ)的相關(guān)知識，本文給大家介紹的非常詳細，感興趣的朋友跟隨小編一起看看吧2021-04-04
在IE6下發(fā)生Internet Explorer cannot open the Internet site錯誤
最近在IE6下面時常會發(fā)生“Internet Explorer cannot open the Internet site ”錯誤。2010-06-06
這篇文章主要介紹了js獲取當前日期時間及其它日期操作匯總，感興趣的小伙伴們可以參考一下2016-03-03