问答

uniapp获取微信用户信息,做过的老哥麻烦看看

作者:admin 2021-04-19 我要评论

u-button :loading="loading" :disabled="loading" :custom-style="customStyle" class="quick-btn wx-quick" open-type="getPhoneNumber" @getphonenumber="bin...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<u-button :loading="loading" :disabled="loading" :custom-style="customStyle" class="quick-btn wx-quick" open-type="getPhoneNumber" @getphonenumber="bindPhone"></u-button>

按照官方文写的获取不到,uni.getUserInfo 下面都不执行

image.png
image.png
image.png

官方文档 https://uniapp.dcloud.io/api/...

image.png

###

我一直是这么写的,你可以参考

html

<u-button type="primary" open-type="getUserInfo" size="medium" @getuserinfo="mpGetUserInfo">微信授权一键登录</u-button>

js

mpGetUserInfo(result) {
    console.log('mpGetUserInfo', result);
    if (result.detail.errMsg !== 'getUserInfo:ok') {
        this.$refs.uToast.show({
            title: '授权体验更友好',
            type: 'warning',
        })
        return;
    }
    this.$refs.uToast.show({
        title: '授权成功',
        type: 'success',
    })
    this.login()
},
login() {
    uni.login({
        provider: 'weixin',
        success: () => {
            this.getUserInfo()
        }
    });
},
// 获取用户信息 API 在小程序可直接使用,在 5+App 里面需要先登录才能调用
getUserInfo() {
    uni.getUserInfo({
        provider: 'weixin',
        success: (result) => {
            console.log(result);
        }
    });
},

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器