【微信小程序学习】获取用户基本信息

最新推荐文章于 2025-04-08 14:11:06 发布

翘阳啦

最新推荐文章于 2025-04-08 14:11:06 发布

阅读量574

点赞数 1

分类专栏：微信小程序开发文章标签：学习微信小程序小程序前端 vue.js

本文链接：https://blog.csdn.net/qiaoyangla/article/details/124681473

版权

本文介绍了如何在微信小程序中处理用户授权问题，包括首次登录时用户未授权的处理方式和再次登录时如何使用wx.getUserInfo获取用户信息。通过示例代码展示了html、css和js文件的实现细节，分别阐述了未授权和授权状态下的操作流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、用户未授权（首次登录）

button open-type='getUserInfo'

2、用户已经授权（再次登录）

wx.getUserInfo

html文件：

<view class="indexContainer">
    <image wx:if='{
  {userInfo.avatarUrl}}' class="avatarUrl"  src="{
  {userInfo.avatarUrl}}"></image>
    <button wx:else bindgetuserinfo='handleGetUserInfo' open-type="getUserInfo">获取用户信息</button>
    <text class="userName">{
  {userInfo.nickName}}</text>
    <!-- 测试事件绑定 -->
  <!-- <view class="goStudy" catchtap="handleParent">
    <text catchtap&