小程序最新獲取用戶昵稱和頭像的方法總結(jié)
更新時(shí)間：2019年09月23日 10:44:48 作者：取名點(diǎn)數(shù)增加的boy
這篇文章主要介紹了小程序最新獲取用戶昵稱和頭像的方法總結(jié),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
前段時(shí)間微信小程序?qū)Λ@取用戶昵稱和頭像方法進(jìn)行了更新，網(wǎng)上很多的文章都已經(jīng)不適用了，這里簡(jiǎn)單總結(jié)一下
首先，傳統(tǒng)接口wx.getUserInfo的效果會(huì)彈出一個(gè)給用戶的彈窗，需要用戶授權(quán)，經(jīng)過測(cè)試傳統(tǒng)的wx.getUserInfo目前還是能用的，但是在使用時(shí)候會(huì)有官方log提醒你，這個(gè)方法需要升級(jí)。
然后就是官方提供的最新方法Open-data標(biāo)簽，使用這個(gè)標(biāo)簽可以不用用戶授權(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標(biāo)簽中將open-data作為一個(gè)屬性寫入進(jìn)去，這樣效果就變?yōu)樵邳c(diǎn)擊時(shí)獲取頭像和昵稱
獲取方法在函數(shù)中得到就好
onGotUserInfo: function (e) {
console.log("nickname=" + e.detail.userInfo.nickName);
}
具體怎么使用就是不同情況不同分析了，靈活一點(diǎn)就好
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript常用代碼書寫規(guī)范的超全面總結(jié)
這篇文章給大家全面總結(jié)了JavaScript常用代碼的書寫規(guī)范，分別利用推薦和不推薦的兩種示例代碼讓大家更能直接的了解書寫規(guī)范，其實(shí)關(guān)于javascript代碼規(guī)范我們應(yīng)該遵循古老的原則：“能做并不意味著應(yīng)該做”，好了，下面我們就來一起看看吧。2016-09-09
JavaScript 實(shí)現(xiàn)類似Express的中間件系統(tǒng)(實(shí)例詳解)
在 Express 中可以給一個(gè)請(qǐng)求設(shè)置若干個(gè)中間件，在處理響應(yīng)時(shí)會(huì)按順序執(zhí)行這些中間件，正在執(zhí)行的中間件可以控制是否執(zhí)行下一個(gè)中間件，這篇文章主要介紹了JavaScript 實(shí)現(xiàn)類似Express的中間件系統(tǒng)的相關(guān)資料,需要的朋友可以參考下2023-02-02
DIV是一個(gè)盒子模型通俗說就是一個(gè)容器，在布局過程中經(jīng)常會(huì)使用到這個(gè)標(biāo)簽，在本文大家將學(xué)會(huì)如何讓DIV可編輯、可拖動(dòng)，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-09-09
這篇文章主要為大家詳細(xì)介紹了js瀏覽器html5表單驗(yàn)證,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了bootstrap模態(tài)框示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jquery動(dòng)態(tài)添加刪除(tr/td)
這篇文章主要介紹了jquery動(dòng)態(tài)添加刪除(tr/td)的方法,需要的朋友可以參考下2015-02-02
下面小編就為大家?guī)硪黄仙Ｕ刯avascript的類型轉(zhuǎn)換。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽
本文介紹了用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
發(fā)兩個(gè)小東西，ASP/PHP 學(xué)習(xí)工具。 用JavaScript寫的
發(fā)兩個(gè)小東西，ASP/PHP 學(xué)習(xí)工具。 用JavaScript寫的...2007-04-04
本文主要介紹了不同DOM級(jí)別下的事件處理程序，同時(shí)介紹了事件冒泡和捕獲的觸發(fā)原理和方法。熟練地使用不同級(jí)別的DOM事件并且解決相應(yīng)的瀏覽器兼容性問題對(duì)我們的前端項(xiàng)目開發(fā)會(huì)很有幫助。2016-12-12