无法展示头像

来源:4-1 开锁页面的实现_1

慕移动9586716

2022-02-24 17:05:34

老师您好,我跟着你的代码写,编译后,点击触发事件结果报错了:

报错:(但是这已经获取到了用户名称)

问题1:这个resolveUserInfo函数不是已经在IPA里面声明了吗?这个怎么解决?



https://img.mukewang.com/climg/62173fac092ecd5a14900922.jpg

这是lock.ts:

Page({
data:{
avatarURL: '',  //头像
},
async onLoad(){
const userInfo = await getApp<IAppOption>().globalData.userInfo
this.setData({
avatarURL: userInfo.avatarUrl,
})
},

onGetUserInfo(e: any){
console.log(e)
const userInfo: WechatMiniprogram.UserInfo = e.detail.userInfo
getApp<IAppOption>().resolveUserInfo(userInfo)
},

lock.wxml:

<view class="container">
<view class="static">
<image class="sedan" src="/resources/sedan.png" />
<view calss="margin-top">
<view>驾驶安全是用户的责任</view>
<view>请将车辆停放在停车位内</view>
</view>
</view>
<view class="avatar-container">
<button wx:if="{{!avatarURL}}" class="cu-avatar round lg bg-grey margin-xs"
open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">
<text class="cuIcon-people"></text>
</button>

<view wx:if="{{avatarURL}}" class="switch-container">
<image class="cu-avatar round lg bg-grey margin-xs"
src="{{avatarURL}}"/>
<switch bindchange="onShareLocation" checked="{{shareLocation}}" />
</view>
<view class="margin-top">实时展示头像信息</view>
</view>
<button calss="cu-btn bg-grey lg" bindtap="onUnlockTap" >立即开锁</button>
</view>

这个是老师写的IPA文件:

/// <reference path="./types/index.d.ts" />

interface IAppOption {
globalData: {
userInfo: Promise<WechatMiniprogram.UserInfo>,
};
resolveUserInfo(userInfo: WechatMiniprogram.UserInfo): void;
}

问题2:app.ts文件最初化文件是不是应该改成https://git.imooc.com/class-108/wechat_initial_code/src/master/ts/miniprogram/app.ts这个呀,还是使用在初始化中系统自动生成的代码?

写回答

1回答

慕移动9586716

提问者

2022-02-25

此问题已解决

0

0 学习 · 1399 问题

查看课程