微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称，分享给大家，具体如下：
代码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 () {
}
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍微信小程序wx.getImageInfo()如何获取图片信息，包括了微信小程序wx.getImageInfo()如何获取图片信息的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下 一.知识点 二.列子 (1).加载时 (2).上传图片时 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊
-
本文向大家介绍微信小程序 如何获取网络状态，包括了微信小程序 如何获取网络状态的使用技巧和注意事项，需要的朋友参考一下 前言 手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使用习惯。 Wifi相对于其他几种网络连接方式，其速度会更快。Wifi一般都是免费供用户使用，通过移
-
本文向大家介绍微信小程序获取用户openId的实现方法，包括了微信小程序获取用户openId的实现方法的使用技巧和注意事项，需要的朋友参考一下 微信小程序获取用户openId的实现方法 前端： 获取到code后，传到后台， 然后请求微信接口 https://api.weixin.qq.com/sns/jscode2session？appid=APPID&secret=SECRET&js_code=
-
本文向大家介绍微信小程序-获得用户输入内容，包括了微信小程序-获得用户输入内容的使用技巧和注意事项，需要的朋友参考一下 在微信小程序里，如何获得用户输入的内容？？ js： document.getElementById("Content").value jq：$("#Content").val() 在微信小程序中并不能这样写。 可以通过组件的属性 bindchange 将用户输入的储存存起来 te
-
本文向大家介绍微信接入之获取用户头像的方法步骤，包括了微信接入之获取用户头像的方法步骤的使用技巧和注意事项，需要的朋友参考一下 前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。 scope参数 看过微信文档的话，微信的规定是，对于scope参数，如果需要获取用户信息的话，scope参数为snsapi_userin
-
本文向大家介绍易语言获取QQ昵称和空间头像方法，包括了易语言获取QQ昵称和空间头像方法的使用技巧和注意事项，需要的朋友参考一下 获取QQ昵称和空间头像接口 1.这个是接口：http://r.pengyou.com/fcg-bin/cgi_get_portrait.fcg?uins=【你的QQ号码】&get_nick=1&_=1438937421131 2.在上面【】里面的删除，也吧【】删除，填写上