微信小程序如何獲取用戶頭像和昵稱
更新時間:2019年09月23日 10:05:38 作者:燈下駝賊
這篇文章主要介紹了微信小程序如何獲取用戶頭像和昵稱,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
本文介紹了微信小程序如何獲取用戶頭像和昵稱,分享給大家,具體如下:
代碼user.wxml:
<view > <view> <image class="avatar" src='{{userInfo.avatarUrl}}'></image> <view class="nickname">{{userInfo.nickName}}</view> </view> </view>
user.js
//sort.js //獲取應(yīng)用實例 var app = getApp Page({ /** * 頁面的初始數(shù)據(jù) */ data: { //用戶個人信息 userInfo:{ avatarUrl:"",//用戶頭像 nickName:"",//用戶昵稱 } }, /** *點擊添加地址事件 */ add_address_fun:function(){ wx.navigateTo({ url: 'add_address/add_address', }) }, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { var that=this; /** * 獲取用戶信息 */ wx.getUserInfo({ success:function(res){ console.log(res); var avatarUrl = 'userInfo.avatarUrl'; var nickName = 'userInfo.nickName'; that.setData({ [avatarUrl]: res.userInfo.avatarUrl, [nickName]:res.userInfo.nickName, }) } }) }, /** * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成 */ onReady: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面顯示 */ onShow: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面隱藏 */ onHide: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面卸載 */ onUnload: function () { }, /** * 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作 */ onPullDownRefresh: function () { }, /** * 頁面上拉觸底事件的處理函數(shù) */ onReachBottom: function () { }, /** * 用戶點擊右上角分享 */ onShareAppMessage: function () { } })
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
一個JavaScript遞歸實現(xiàn)反轉(zhuǎn)數(shù)組字符串的實例
這篇文章主要介紹了一個JavaScript遞歸實現(xiàn)反轉(zhuǎn)數(shù)組字符串的實例,很不錯,非常適合新手朋友們2014-10-10javascript實現(xiàn)rgb顏色轉(zhuǎn)換成16進制格式
本文給大家分享的是使用javascript實現(xiàn)rgb顏色轉(zhuǎn)換成16進制格式的方法和示例代碼,有需要的小伙伴可以參考下。2015-07-07如何用JavaScript實現(xiàn)功能齊全的單鏈表詳解
這篇文章主要給大家介紹了關(guān)于如何用JavaScript實現(xiàn)功能齊全的單鏈表的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-02-02