微信用户信息发生调整，希望老师能更新一下视频或者补充一下更新后的代码，十分感谢！
来源：6-1 个人中心-用户信息获取+展示
盛夏一光年
2018-05-24
4回答
-
慕瓜8449030
2018-05-26
00 -
慕瓜8449030
2018-05-26
下周更新视频就会有这个说明，今天我会发手记说明
00 -
盛夏一光年
提问者
2018-05-24
还有一个问题就是在真机上运行了，无法获得登录信息，不知到是什么原因
00 -
盛夏一光年
提问者
2018-05-24
参考了其他同学的代码后进行了改正。这样就可以了
<template>
<div>
<div class="container">
<div class="userinfo">
<img :src="userinfo.avatarUrl">
<p>{{userinfo.nickName}}</p>
<button v-if='!userinfo.openId&&canIUse' open-type='getUserInfo' type='primary' @getuserinfo='login'>点击登录</button>
<p v-if='!canIUse'>请升级微信版本</p>
</div>
<YearProgress />
<button v-if='userinfo.openId' type="primary" class="btn" @click='scanBook'>添加图书</button>
</div>
</div>
</template>
<script>
import qcloud from 'wafer2-client-sdk'
import config from '@/config'
export default {
data () {
return {
userinfo: {
avatarUrl: '../../../static/img/me.png'
},
canIUse: wx.canIUse('button.open-type.getUserInfo')
}
},
created () {
console.log('me.vue启动了')
},
methods: {
login (e) {
let user = wx.getStorageSync('userinfo')
const self = this
if (!user) {
qcloud.setLoginUrl(config.loginUrl)
qcloud.login({
success: userInfo => {
console.log('登陆成功', userInfo)
// showSuccess('登录成功')
wx.setStorageSync('userinfo', userInfo)
self.userinfo = userInfo
},
fail: err => {
console.log('登陆失败', err)
}
})
}
}
},
onShow() {
let userinfo = wx.getStorageSync('userinfo')
if(userinfo) {
this.userinfo = userinfo
}
}
}
</script>
<style>
.container {
padding: 0 30rpx;
}
.userinfo {
margin-top: 100rpx;
margin-bottom: 50rpx;
text-align: center;
}
img {
width: 150rpx;
height: 150rpx;
margin: 5rpx;
border-radius: 50%;
}
button {
width: 30vw;
background-color: #fff;
color: #000;
font-size: 14px;
}
</style>
022018-05-25
相似问题