微信小程序如何獲取用戶頭像和昵稱
更新時間：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
//獲取應用實例
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前端開發(fā)之實現(xiàn)二進制讀寫操作
這篇文章主要介紹了JavaScript前端開發(fā)之實現(xiàn)二進制讀寫操作的相關(guān)資料,需要的朋友可以參考下2015-11-11
用js實現(xiàn)的記錄鼠標的軌跡并回放的效果，非常不錯。2010-04-04
詳解js私有作用域中創(chuàng)建特權(quán)方法
這篇文章主要為大家詳細介紹了js私有作用域中創(chuàng)建特權(quán)方法，何為特權(quán)方法，特權(quán)方法就是有權(quán)訪問私有變量和私有函數(shù)的公有方法，感興趣的小伙伴們可以參考一下2016-01-01
JS小數(shù)轉(zhuǎn)換為整數(shù)的方法分析
這篇文章主要介紹了JS小數(shù)轉(zhuǎn)換為整數(shù)的方法,結(jié)合實例形式分析了數(shù)值轉(zhuǎn)換的常用方法與使用技巧,需要的朋友可以參考下2017-01-01
使用JavaScript判斷圖片是否加載完成的三種實現(xiàn)方式
有時需要獲取圖片的尺寸，這需要在圖片加載完成以后才可以，本文有三個不錯的實現(xiàn)方式在此與大家分享下2014-05-05
javascript 面向?qū)ο罄^承，需要的朋友可以參考下。2009-11-11
騰訊位置服務為微信小程序提供了基礎的標點能力、線和圓的繪制接口等地圖組件和位置展示、地圖選點等地圖API位置服務能力支持,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何實現(xiàn)快速精確定位的相關(guān)資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了微信小程序復選框?qū)崿F(xiàn)多選一功能過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
之前項目使用騰訊地圖，不利于開發(fā)者查找，這篇文章主要介紹了vue 集成騰訊地圖實現(xiàn)api，具有一定的參考價值，感興趣的可以了解下2021-07-07
這篇文章主要介紹了video.js 一個頁面同時播放多個視頻的實例代碼 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11