小程式 獲取使用者資訊
阿新 • • 發佈:2018-12-11
index.js頁面
//index.js //獲取應用例項 const app = getApp() Page({ data: { userInfo: {}, canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { if (app.globalData.userInfo) { this.setData({ userInfo: app.globalData.userInfo, }) } else if (this.data.canIUse){ // 由於 getUserInfo 是網路請求,可能會在 Page.onLoad 之後才返回 // 所以此處加入 callback 以防止這種情況 app.userInfoReadyCallback = res => { this.setData({ userInfo: res.userInfo, }) } } else { // 在沒有 open-type=getUserInfo 版本的相容處理 wx.getUserInfo({ success: res => { app.globalData.userInfo = res.userInfo this.setData({ userInfo: res.userInfo, }) } }) } }, getUserInfo: function(e) { if (app.userInfoReadyCallback){ app.userInfoReadyCallback(e.userInfo); }else{ this.setData({ userInfo: e.detail.userInfo, }) } app.globalData.userInfo = e.detail.userInfo } })
index.wxml
<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo">獲取頭像暱稱</button>