bindgetuserinfo:用户点击该按钮时,会返回获..._bindgetuserinfo">
当前位置:   article > 正文

uniApp处理微信小程序获取用户信息getUserInfo_bindgetuserinfo

bindgetuserinfo

用微信原生代码应为:
使用 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 {
				...
		    }
		  }
		})
	},
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29

在调用中 会提示说 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”,就可以调用了

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/284543
推荐阅读