1.写好html内容，v-if和v-else，如果有数据就显示头像昵称，反之显示button按钮

<view class="login" wx:if="{{loginList.avatarUrl}}">
<image src="{{loginList.avatarUrl}}"></image>
<text>{{loginList.nickName}}</text>
</view><button bindtap="onclick" wx:else>获取头像昵称</button>

2.写按钮事件，微信小程序自带的getUserProfile方法

desc必写，成功后打印并赋值

onclick(){wx.getUserProfile({desc: 'desc',success:(res)=>{console.log(res);this.setData({loginList:res.userInfo})}})}

3.data中定义变量接收数据

/*** 页面的初始数据*/data: {loginList:{}}

4.当刷新时还在登录状态，除非点击退出登录

 wx.getUserProfile({desc: '获取用户信息',success: (res) => {// console.log(res);this.setData({userInfo: res.userInfo})wx.setStorage({key: 'userInfo',data: res.userInfo})}})

/*** 生命周期函数--监听页面加载*/onLoad(options) {wx.getStorage({key: 'userInfo',success: (res) => {// console.log(res);this.setData({userInfo: res.data})}})}

5.点击退出登录,直接让数据为空就行

//退出登录loginOut() {wx.removeStorage({key: 'userInfo',success: () => {this.setData({userInfo: {}})}})}

微信小程序点击获取昵称头像相关推荐

微信小程序信息授权获取（头像，昵称，等）
这里简单说一下微信小程序获取头像,昵称等信息,这里是将demo部分功能单独呈现,最后附上DEMO: 一.效果图: 这个功能比较简单就直接上代码二.代码部分 1..WXML代码示例 <view ...
微信小程序授权登录获取用户头像和昵称时得到微信用户，记录getUserInfo转变为getUserProfile的使用修改
首先,在微信官方更新授权操作之前,我们一直使用getUserInfo来获取微信用户的头像和昵称以及openid,这个可以参考我的上一篇博客(使用getUserInfo获取用户头像),但是微信官方弃用g ...
微信小程序——按钮登录获取用户头像昵称、不需要获取权限就能显示头像和昵称、获取手机号（云端）
1.登录获取用户头像昵称代码 app.js App({globalData: {userInfo: null},onLaunch() {} }) . . . index.js const app = ...
微信小程序实现登录获取头像昵称
微信小程序如何来获取用户头像昵称大家一定对下面这个图不陌生吧,我们在进入小程序之前,都会遇见类似这样的情况,那么这个是怎么用微信开发者工具实现的呢? 要求 1.首先,我们打开微信开发者工具,新建一个 ...
微信小程序通过数据绑定获取用户名和头像
微信小程序通过数据绑定获取用户名和密码 1.获取用户名和头像 <view>数据绑定</view> <view>数据:{{message}}</view> ...
微信小程序中如何获取用户手机号授权登录
随着微信小程序的普及,许多应用程序需要用户登录才能提供更好的服务.而获取用户手机号码是验证用户身份和确保账户安全的重要步骤之一.因此,在本文中,我们将介绍如何在微信小程序中实现手机号授权登录. 步骤一 ...
[技术博客] 微信小程序的formid获取
微信小程序的formid获取 formId的触发微信小程序可以通过收集用户的formid,获取formid给用户主动推送微信消息.获取formid有两个途径,一个是触发一次表单提交,或者触发一次支付 ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器(nodejs版)接收
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...

微信小程序点击获取昵称头像

1.写好html内容，v-if和v-else，如果有数据就显示头像昵称，反之显示button按钮

2.写按钮事件，微信小程序自带的getUserProfile方法

desc必写，成功后打印并赋值

3.data中定义变量接收数据

4.当刷新时还在登录状态，除非点击退出登录

5.点击退出登录,直接让数据为空就行

微信小程序点击获取昵称头像相关推荐

最新文章

热门文章