微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“

获取用户信息：this.setData和getApp().globalData.userInfo;

最开始的WXML文件中，我们写下页面结构代码如下：

     <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text>

并且再赋予一定的样式 “userinfo-avator”与“userinfo-nickname”

.userinfo-avatar{width: 128rpx;height: 128rpx;margin-top:20rpx;border-radius: 50%;background-color: rgba(215, 255, 209, 1);box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
}
.userinfo-nickname{margin-top: 2%;color:
}

出来的效果是：

可以看到，有头像的圆框框，大小，边距，背景颜色，但是头像和昵称却没有渲染出来。因为我们并没有获取用户信息userInfo。无从获取userInfo.avatorUrl和userInfo.nickname，所以就无法渲染出来。

解决：想办法获取用户信息。

定义用户信息userInfo
获取用户信息getApp().globalData.userInfo
更新用户信息this.setData

我们在js文件中，onLoad函数写下如下代码段：
首先，页面得有相应的初始数据，定义初始信息，如下：

  data: {userInfo: {},},

通过getApp().globalData.userInfo和this.setData来获取并且更新信息。

  onLoad: function (options) {this.setData({userInfo:getApp().globalData.userInfo})},

最终效果：

获得了用户的头像，同时也获得了用户的昵称！！

其它获取用户信息的方法，请看通过open-data来获取用户信息
希望本文对你有所帮助，欢迎讨论交流学习！

微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“相关推荐

微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
微信小程序授权获取用户信息
微信小程序授权获取用户信息小程序昵称突然变成了"微信用户",头像也不显示, <!-- 近期很多小伙伴通过该方法获取头像和昵称,代码也没有做改变,突然就变成了下面这样子 - ...
【微信小程序】获取用户信息
文章目录获取用户信息组件open-data button组件中的open-type 接口getUserProfile 查看授权结果获取用户信息组件open-data 组件 open-data用 ...
微信小程序——最新获取用户昵称和头像的方法总结
前段时间微信小程序对获取用户昵称和头像方法进行了更新,网上很多的文章都已经不适用了,这里简单总结一下首先,传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,经过测试传统 ...
微信小程序如何获取用户信息
自我介绍我是IT果果日记,微信公众号请搜索 IT果果日记一个普通的技术宅,定期分享技术文章,欢迎点赞.关注和转发,请多关照. 微信小程序用户基本信息有哪些? 除了基本信息,微信还会提供openId ...
微信小程序之获取用户信息
微信小程序获取用户信息的两种方式:[复制即可展示效果] 1.wx.getUserInfo:该方法已经弃用,获取到的userinfo为默认的信息,不再是用户的真实信息:  ...
Java-(二)微信小程序授权获取用户信息和手机号码
第一篇我们已经知道了微信小程序怎么授权登录获取用户信息. openId 和 unionId .下面将高速告诉大家,微信小程序如何授权获取用户信息和手机号码. 微信官方文档:https://develo ...
玩转微信小程序之获取用户信息以及玩转基本列表渲染（2019/04/14）
LZ-Says:总是要各种颠沛流离,才能换得片刻安宁.努力让自己变得更好,加油- 前言前几天,完成了微信小程序的首章,学习起来,还是多多少少有点坑,不舒服. 今天我们继续开启微信小程序 Study ...

微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“

获取用户信息：this.setData和getApp().globalData.userInfo;

微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“相关推荐

最新文章

热门文章

微信小程序 关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“

获取用户信息：this.setData和getApp().globalData.userInfo;

微信小程序 关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“相关推荐

最新文章

热门文章

微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“

微信小程序关于获取用户信息的一种方法 “this.setData与getApp().globalData.userInfo“相关推荐