微信小程序> 小程序手动获取用户信息

小程序手动获取用户信息

浏览量:621 时间: 来源:Hao-Z-Y

wxml:

<view class="Box"><image class="avatar" src="{{userInfo.avatarUrl}}"></image><text>{{userInfo.nickName}}</text><button size="mini" type="primary" plain="true" loading="true" open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取用户信息</button></view>

open-type="getUserInfo":getUserInfo获取用户信息

bindgetuserinfo="getUserInfo":用户点击该按钮时会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致

wxss:

.Box{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}.avatar{width: 200rpx;height: 200rpx;margin-top: 250rpx;}.Box text{margin-top: 250rpx;}.Box button{margin-top: 250rpx;}

js:

data: {userInfo: null,},/* 获取用户信息 */getUserInfo(res) {    console.log(res);    this.setData({userInfo: res.detail.userInfo    })},

 

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎