### 1. 通過使用open-data標簽直接獲取 ``` <open-data class="logo" type="userAvatarUrl"></open-data> ``` ### 2. 通過button直接獲取 ``` <button open-type="getUserInfo" bind:getuserinfo="GetInfo">獲取信息</button> ``` ``` GetInfo(e){ console.log(e.detail) } ``` ### 3. 使用組件方法 自定義組件 ``` <button plain="{{true}}" open-type="{{openType}}" bind:getuserinfo="onGetUserInfo"> <slot name="image"></slot> </button> ``` 通過onGetUserInfo事件獲取用戶信息，并將其傳給父組件 ``` onGetUserInfo(e){ var userInfo = e.detail this.triggerEvent("getUserInfo", userInfo); }, ``` 使用帶插槽的btn組件 ``` <v-btn openType="getUserInfo" bind:getUserInfo="getInfo"> <image slot="image" src="{{authorized?userInfo.avatarUrl:'images/my.png'}}" class="image-btn" mode="widthFix"/> </v-btn> ``` 父組件獲取到用戶信息 ``` getInfo(e){ let userInfo = e.detail.userInfo; this.setData({ userInfo, authorized: true }) } ``` 加載時可以檢查用戶信息是否授權，如果授權，直接獲取用戶數據 ``` 得到用戶授權的相關信息，檢查用戶是否授權獲取相關信息 wx.getSetting({ success: (res)=>{ console.log(res); if(res.authSetting['scope.userInfo']){ //獲取用戶相關信息 wx.getUserInfo({ success: res=>{ console.log(res); this.setData({ userInfo: res.userInfo, authorized: true }) } }) } // console.log(res.authSetting['scope.userInfo']); } }) ```