1. 因為在button中放置image時 不能再button上綁定事件 要綁定事件就要使用卡槽來實現 綁定事件 ~~~ <v-btn wx:if="{{!authorized}}" openType="getUserInfo" bind:onGet="onGetUserInfo" class="logo"> <image slot="image" src="/images/my.png" class="image-btn"></image> </v-btn> <image wx:if="{{authorized}}" src="{{userInfo.avatarUrl}}" class="logo"></image> ~~~ ~~~ // pages/my/my.js import { ClassicModel } from "../../models/classic"; const classicModel = new ClassicModel(); Page({ /** * 頁面的初始數據 */ data: { userInfo: '', authorized: false }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { /* 得到用戶授權的相關信息 */ this._authorize(); this._getFavor(); }, //組件上綁定的事件 onGetUserInfo(event) { let userInfo = event.detail.userInfo; this.setData({ userInfo, authorized: true }) }, _authorize() { wx.getSetting({ success: (res) => { /* 判斷用戶是否授權 */ if (res.authSetting['scope.userInfo']) { /* 獲取用戶相關信息 */ wx.getUserInfo({ success: res => { this.setData({ userInfo: res.userInfo, authorized: true }) } }) } } }); }, _getFavor() { classicModel.getFavor(res => { this.setData({ likes: res }) }) } }) ~~~ ~~~ //卡槽 <button plain="{{true}}" open-type="{{openType}}" bindgetuserinfo="onGetUserInfo" > <slot name="image"></slot> </button> ~~~