微信小程序获取用户头像和昵称
2018-01-27 20:51
1141 查看
代码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 () {
}
})
相关文章推荐
- 微信小程序获取用户openid,头像昵称信息,后台java代码
- js控制URL地址的改变,以微信服务号的授权获取用户的昵称和头像为例
- 小程序开发中获取用户头像和昵称
- 微信开发笔记:获取用户openid,以及用户头像昵称等信息
- 微信通过网页获取用户头像与昵称等信息
- 微信小程序获取用户的openid
- thinkphp5.0获取微信小程序用户信息unionid
- 微信小程序如何获取用户信息
- 小程序使用wx.chooseAddress获取用户手机号码,微信chooseAddress接口获取收货信息
- 【微信小程序】登录功能实现及讲解(获取用户唯一标识)
- 微信网页授权获取头像昵称,不弹出授权页面
- 微信小程序登录获取用户信息
- 微信小程序获取用户OpenId——Java
- 获取微信用户唯一标识openid | 小程序
- 微信小程序—如何获取用户输入文本框的值
- 微信小程序获取手机号授权用户登录功能
- 微信小程序在java后台获取用户unionid等敏感信息
- 微信小程序获取用户openId的实现方法
- 微信小程序 获取用户信息(包括openId等敏感信息)
- 小程序获取微信用户绑定的手机号