~~~ <view class="logo"> <v-button open-type="getUserInfo" wx:if="{{!authorized}}" bind:getUserInfo="onGetUserInfo"><image slot="img" src="/images/my.png" class="logo-image"></image></v-button> <view wx:if="{{authorized}}"> <image class="logo-image" src="{{userInfo.avatarUrl}}"></image> <view class="logo-text">{{userInfo.nickName}}</view> </view> </view> //js onGetUserInfo(event) { const userInfo = event.detail.userInfo; if (userInfo) { this.setData({ userInfo, authorized: true }) } } //组件 <button class="container" open-type="{{openType}}" bindgetuserinfo="getUserInfo"><slot name="img"></slot></button> // components/image-button/index.js Component({ /** * 组件的属性列表 */ properties: { openType:String }, options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { getUserInfo(event){ this.triggerEvent('getUserInfo',event.detail,{}) } } }) ~~~