获取用户信息
1.绑定按钮事件
<button type="primary" class="btn-login" @click="getUserProfile">一键登录</button>
2.登陆事件
// 获取个人信息
async getUserProfile(e) {
const [err, succ] = await uni.getUserProfile({
desc: '用于获取个人资料', // 这里的desc在微信开发文档中要求必须填写的
})
// 取消授权提示
if (err) {
uni.showToast({
icon: 'error',
title: '取消授权'
})
return
}
// 解构数据体
const { encryptedData,rawData,iv,signature} = succ
// 获取登陆code
const [err1, code] = await uni.login(succ.userInfo)
// 构建API 参数体
const data = {code:code.code,encryptedData,iv,}
// 发送API登陆
this.getlogin(data)
},
// 请求登陆API 获取token
async getlogin(data) {
const loginres = await loginApi()
console.log(loginres);
}
获取用户头像
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<!-- <image class="avatar" :src="{{avatarUrl}}"></image> -->666
</button>
data() {
return {
avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',
};
},
methods: {
// 头像选择
onChooseAvatar(e) {
console.log(e);
}
}
获取用户昵称
绑定nickname属性
<input type="nickname" class="weui-input" placeholder="请输入昵称" />