1.profile.wxml主要
```
< button open - type = "getUserInfo"bindgetuserinfo = "onGotUserInfo" > 获取用户信息 < /button>
```
完整代码:
```
< !--pages / profile / profile.wxml--><view class = 'profile' > <view class = "profile-img" > <open - data type = "userAvatarUrl" > </open-data>
</view > <open - data type = "userNickName"class = "profile-name" > </open-data>
</view > <button open - type = "getUserInfo"bindgetuserinfo = "onGotUserInfo" > 获取用户信息 < /button>/
```
2.profile.js主要
```
onGotUserInfo: function(event) {
console.log(event);
},
```
完整代码
```
// pages/profile/profile.js
Page({
/**
* 页面的初始数据
*/
data: {
},
onGotUserInfo: function(event) {
console.log(event);
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
```
效果截图:
![](https://box.kancloud.cn/2517b0e1cf97c319a77fe7cb50f86d19_1834x751.png)
![](https://box.kancloud.cn/c69c2274548bbf9dc60acaf22d6e4c0b_450x732.png)