wxml代碼：
<view >
<view>
<image class="avatar" src='{{userInfo.avatarUrl}}'></image>
<view class="nickname">{{userInfo.nickName}}</view>
</view>
</view>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
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({
success:function(res){
console.log(res);
var avatarUrl = 'userInfo.avatarUrl';
var nickName = 'userInfo.nickName';
that.setData({
[avatarUrl]: res.userInfo.avatarUrl,
[nickName]:res.userInfo.nickName,
})
}
})
}
})
最終效果如下：
