uniapp微信小程序用户授权方法

效果

步骤

1)div标签

html 复制代码
  <button type="primary" class="btn-login" @click="getUserInfo">一键登录</button>

2)js方法

js 复制代码
  methods: {
      getUserInfo() {
        console.log("aaaa")
        uni.getUserProfile({
          desc: 'Wexin', // 这个参数是必须的
          success: res => {
            console.log("用户信息", res.rawData)
          },
          fail: res => {
            if (res.errMsg === 'getUserProfile:fail auth deny') return uni.$showMsg('您取消了登录授权')
          }
        })
      }
    }

3)调试基础库版本

相关推荐
PedroQue9920 小时前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
爱勇宝2 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负2 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus2 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念2 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念2 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
一份执念3 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue993 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
skiyee4 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
夏碧笔5 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app