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

最新推荐文章于 2024-07-12 17:55:28 发布

张帆X

最新推荐文章于 2024-07-12 17:55:28 发布

阅读量870

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_67490903/article/details/126001712

版权

本文介绍了如何在微信小程序中实现点击获取用户昵称和头像。通过使用v-if和v-else控制显示内容，结合getUserProfile方法获取用户信息，并在成功后更新data中的数据。此外，还讲解了页面刷新时保持登录状态以及退出登录的处理方式。

摘要由CSDN通过智能技术生成

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
        })
      }
    })
  }