微信小程序如何获取用户头像和昵称
网络编程 2021-07-04 15:01www.168986.cn编程入门
这篇文章主要介绍了微信小程序如何获取用户头像和昵称，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
本文介绍了微信小程序如何获取用户头像和昵称，分享给大家，具体如下
代码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;
/
获取用户信息
/
wx.getUserInfo({
suess: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 () {
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。
上一篇：微信头像地址失效踩坑记附带解决方案 下一篇：微信小程序使用蓝牙小插件