uni-app处理微信小程序获取用户信息getUserInfo

本文主要是介绍uni-app处理微信小程序获取用户信息getUserInfo，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

用微信原生代码应为：
使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。

 <button form-type="submit" open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button>
1
bindgetuserinfo:用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效
open-type: getUserInfo 获取用户信息，可以从bindgetuserinfo回调中获取到用户信息

然而uniapp中 使用微信的open-type=“getUserInfo” 不能获取到userinfo
在methods 写入方法

    getuserinfo: function(){
        // wx登录
        wx.login({
          success (res) {
            if (res.code) {
              //发起网络请求
              var code = res.code
                  // 获取微信用户信息
                wx.getUserInfo({
                  success: function(res) {
                    var userInfo = res.userInfo
                    var nickName = userInfo.nickName
                    var avatarUrl = userInfo.avatarUrl
                    var gender = userInfo.gender //性别 0：未知、1：男、2：女
                    var province = userInfo.province
                    var city = userInfo.city
                    var country = userInfo.country
                  },
                  fail:res=>{
                      // 获取失败的去引导用户授权 
                   }
                })
                
            } else {
                ...
            }
          }
        })
    },

在调用中 会提示说 does not have a method “bindgetuserinfo” to handle event “getuserinfo”.

<button class='testbutton' open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials="true">
1
将bindgetuserinfo改成@getuserinfo=“getuserinfo” ，再添加withCredentials=“true”，就可以调用了

 

这篇关于uni-app处理微信小程序获取用户信息getUserInfo的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---