小程序如何获取用户头像和昵称
⼩程序如何获取⽤户头像和昵称本⽂介绍了⼩程序如何获取⽤户头像和昵称,分享给⼤家,具体如下:
代码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({
/**
* 页⾯的初始数据
*/
data: {
//⽤户个⼈信息
userInfo:{
avatarUrl:"",//⽤户头像
nickName:"",//⽤户昵称
}
},
/
**
*点击添加地址事件
*/
add_address_fun:function(){
wx.navigateTo({
url: 'add_address/add_address',
})
},
/**
* ⽣命周期函数--监听页⾯加载
*/
onLoad: function (options) {
var that=this;
/**
* 获取⽤户信息
*/
success:function(res){
console.log(res);
var avatarUrl = 'userInfo.avatarUrl';
var nickName = 'userInfo.nickName';
that.setData({
[avatarUrl]: res.userInfo.avatarUrl,
[nickName]:res.userInfo.nickName,
})
}
})
},
/**
* ⽣命周期函数--监听页⾯初次渲染完成
*/
onReady: function () {
怎么把头像加上国旗},
/
**
* ⽣命周期函数--监听页⾯显⽰
*/
onShow: function () {
},
/**
* ⽣命周期函数--监听页⾯隐藏
*/
onHide: function () {
},
/**
* ⽣命周期函数--监听页⾯卸载
*/
onUnload: function () {
},
/**
* 页⾯相关事件处理函数--监听⽤户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页⾯上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* ⽤户点击右上⾓分享
*/
onShareAppMessage: function () {
}
})
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。