微信小程序如何获取用户头像和昵称

本⽂介绍了微信⼩程序如何获取⽤户头像和昵称，分享给⼤家，具体如下：

代码user.wxml：

{{userInfo.nickName}}

user.js

//sort.js

//獲取應⽤實例var app = getAppPage({ /**

* 页⾯的初始数据 */ data: {

//⽤户个⼈信息 userInfo:{

avatarUrl:\"\⽤户头像 nickName:\"\⽤户昵称 } }, /**

*点击添加地址事件 */

add_address_fun:function(){ wx.navigateTo({

url: 'add_address/add_address', }) }, /**

* ⽣命周期函数--监听页⾯加载 */

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, }) } }) }, /**

* ⽣命周期函数--监听页⾯初次渲染完成 */

onReady: function () { }, /**

* ⽣命周期函数--监听页⾯显⽰ */

onShow: function () { }, /**

* ⽣命周期函数--监听页⾯隐藏 */

onHide: function () { }, /**

* ⽣命周期函数--监听页⾯卸载 */

onUnload: function () { }, /**

* 页⾯相关事件处理函数--监听⽤户下拉动作 */

onPullDownRefresh: function () { }, /**

* 页⾯上拉触底事件的处理函数 */

onReachBottom: function () { }, /**

* ⽤户点击右上⾓分享 */

onShareAppMessage: function () { }})

以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。