微信小程序如何获取用户头像和昵称


Posted in Javascript onSeptember 23, 2019

本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下:

微信小程序如何获取用户头像和昵称

代码user.wxml:

<view >
<view>
 <image class="avatar" src='{{userInfo.avatarUrl}}'></image>
 <view class="nickname">{{userInfo.nickName}}</view>
</view>
</view>

user.js

//sort.js
//?取????例
var app = getApp
Page({
 
 /**
  * 页面的初始数据
  */
 data: {
  //用户个人信息
  userInfo:{
   avatarUrl:"",//用户头像
   nickName:"",//用户昵称
  }
 },
 /**
  *点击添加地址事件
  */
 add_address_fun:function(){
  wx.navigateTo({
   url: 'add_address/add_address',
  })
 },
 
 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
  var that=this;
  /**
   * 获取用户信息
   */
  wx.getUserInfo({
   success:function(res){
    console.log(res);
    var avatarUrl = 'userInfo.avatarUrl';
    var nickName = 'userInfo.nickName';
    that.setData({
     [avatarUrl]: res.userInfo.avatarUrl,
     [nickName]:res.userInfo.nickName,
    })
   }
  })
 },
 
 /**
  * 生命周期函数--监听页面初次渲染完成
  */
 onReady: function () {
 
 },
 
 /**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
 
 },
 
 /**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {
 
 },
 
 /**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
 
 },
 
 /**
  * 页面相关事件处理函数--监听用户下拉动作
  */
 onPullDownRefresh: function () {
 
 },
 
 /**
  * 页面上拉触底事件的处理函数
  */
 onReachBottom: function () {
 
 },
 
 /**
  * 用户点击右上角分享
  */
 onShareAppMessage: function () {
 
 }
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery autocomplete插件修改
Apr 17 Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
Angular6封装http请求的步骤详解
Aug 13 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
前端插件之Bootstrap Dual Listbox使用教程
Jul 23 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 Javascript
微信小程序使用蓝牙小插件
Sep 23 #Javascript
微信小程序实现蓝牙打印
Sep 23 #Javascript
微信接入之获取用户头像的方法步骤
Sep 23 #Javascript
从零搭一个自用的前端脚手架的方法步骤
Sep 23 #Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 #Javascript
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 #Javascript
ES10的13个新特性示例(小结)
Sep 23 #Javascript
You might like
php中常用字符串处理代码片段整理
2011/11/07 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
Expandable &quot;Detail&quot; Table Rows
2007/08/29 Javascript
js类中的公有变量和私有变量
2008/07/24 Javascript
javaScript 简单验证代码(用户名,密码,邮箱)
2009/09/28 Javascript
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
canvas实现流星雨的背景效果
2017/01/13 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
Python内置的字符串处理函数整理
2013/01/29 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python简单线程和协程学习心得(分享)
2017/06/14 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
毕业生就业意向书
2014/04/01 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
运动员获奖感言
2014/08/15 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
2014年团工作总结
2014/11/27 职场文书
婚礼新人答谢词
2015/01/04 职场文书
python利用while求100内的整数和方式
2021/11/07 Python
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python