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