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

前端之家收集整理的这篇文章主要介绍了微信小程序如何获取用户头像和昵称前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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


代码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 () {

 }
})

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

原文链接:https://www.f2er.com/js/526379.html

猜你在找的JavaScript相关文章