微信小程序button标签bindgetuserinfo事件不触发

最新推荐文章于 2024-06-04 22:19:30 发布
最新推荐文章于 2024-06-04 22:19:30 发布
阅读量1.2w 收藏
点赞数 3
分类专栏： 微信小程序 微信小程序问题盒子 文章标签： button 小程序 用户信息
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40695895/article/details/89540557
版权

想要触发bindgetuserinfo事件要先给button标签添加open-type类型，代码如下：

<button open-type="getUserInfo" bindgetuserinfo='login' >点击登录</button>
渔父歌
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序（十四）button组件详细介绍
09-01
在微信小程序开发中，`...总结，`button`组件是微信小程序中不可或缺的一部分，它的各种属性和事件使得开发者能构建出丰富多样的用户交互。结合其他组件和微信小程序的特性，开发者可以构建出功能强大的小程序应用。
微信小程序实现授权登录
10-17
在微信小程序中实现授权登录是应用开发中必不可少的一环，特别是在需要获取用户个人信息的情况下。由于微信官方对用户体验的考虑，现在不能直接在小程序启动时强制弹出授权窗口，而是需要用户主动触发。本文将详细...
小程序开发（四）微信开放能力---详解获取用户信息实现授权登录
weixin_37624974的博客
09-26 763
获取微信开放能力及获取用户信息配置属性（button组件） open-type属性：获取微信开放能力 bindgetuserinfo属性：用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效 .wxml .js 控制台打印是否允许授权用户信息的详细输出 从控制台可以看出： 拒绝------detail中就会提示：errMsg: “getUserInfo:fail auth deny” 允许--
bindgetuserinfo在ios上无效
weixin_42340302的博客
09-17 288
bindgetuserinfo在iosXS上无效，方法不会触发 偶尔双击会有效，大多数情况下无效 以为是修改了button 的样式导致的 以为微信有问题 排查之后发现是按钮下有canvas画图的区域，canvas的层级有过高，改变不了，导致点击按钮时，触发不了事件，根据需求隐藏canvas就可以了 canvas的隐藏与展示 建议用hidden来隐藏canvas，使用hidden时，值为false，区域展示 <view class="echars" hidden="{{showImg}}"&gt
【微信小程序】事件绑定和事件对象
最新发布
云泽野の编程日记
06-04 1425
小程序中绑定事件与在网页开发中绑定事件几乎一致，只不过在小程序不能通过on的方式绑定事件，也没有click等事件，小程序中绑定事件使用bind方法，click事件也需要使用tap事件来进行代替bind:事件名bind事件名事件处理函数需要写到.js文件中，在 .js 文件中需要调用小程序提供的 Page 方法来注册小程序的页面，我们可以直接在 Page 方法中创建事件处理函数。
微信小程序bindgetuserinfo和wx.getUserProfile取消前后写法：获取用户头像与昵称
晨晨晨的博博博客
12-13 1222
wx.getUserInfo：不用用户点同意，拒绝直接就可以获得用户信息，但获取的不完全 但后期被取消掉了小程序登录、用户信息相关接口调整说明 | 微信开放社区
小程序用户授权getUserInfo()
wangzhe
05-12 5920
设置一个用户授权登录的过渡页面，用户首次，进入小程序时，通过&lt;button wx:if="{{canIUse}}" open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo"&gt;同意授权登录&lt;/button&gt; &lt;view wx:else&gt;请升级微信版本&lt;/view&gt; 让用户自己去点击这
uniApp处理微信小程序获取用户信息getUserInfo
热门推荐
weixin_41143662的博客
09-06 3万+
用微信原生代码应为： 使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。 <button form-type="submit" open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button> bindgetuserinfo:用户点击该按钮时，会返回获...
微信小程序 用 bindgetuserinfo 获取不到用户信息
weixin_46221198的博客
04-05 4163
先附上大佬链接，看了下日期，4.3，还热乎着！ https://new.qq.com/omn/20210403/20210403A028UO00.html 然后是我自己照着写的 wxml： <!--pages/mine/mine.wxml--> <button open-type="getUserInfo" bindtap="getUserProfile"> 授权获取头像昵称 </button> js文件： getUserProfile: functi
微信小程序实现聊天室
11-19
综上所述，实现微信小程序聊天室需要掌握小程序的基础组件使用、事件处理、数据绑定、用户授权、界面布局、网络请求及数据管理等多个方面的能力。通过这些技术点的组合，可以构建出具有完整功能的实时聊天应用。
微信小程序的授权实现过程解析
10-16
在微信小程序中，通常会使用`button`组件来触发授权请求。例如： ```html <button open-type="getUserInfo" bindgetuserinfo="handleUserInfo">授权</button> ``` 这里的`open-type="getUserInfo"`表示当用户点击...
微信小程序Getuserinfo解决方案图解
10-18
本文通过图文并茂的形式给大家介绍了微信小程序Getuserinfo解决方案,需要的朋友可以参考下
微信小程序授权登陆及每次检查是否授权实例代码
10-16
微信小程序提供了`getUserInfo` API 来实现这一功能。以下是实现授权登录及每次检查授权状态的详细步骤： 1. **触发授权**： 在页面中放置一个`<button>`组件，设置`open-type="getUserInfo"`，当用户点击按钮时，...
微信小程序wx.getUserInfo接口获取用户信息失败，新版SDK怎样获取用户信息
极客开发者的博客
12-10 4376
一、简述 在微信小程序的官方文档中提到,调用wx.getUserInfo接口将能获取小程序用户的信息，接口返回的信息格式如下 { "nickName": "Band", "gender": 1, "language": "zh_CN", "city": "Guangzhou", "province": "Guangdong", "country": "CN", "a...
微信登录（获取用户信息）
2302_76812487的博客
03-01 1331
微信登录
（小程序）后台交互--个人中心
weixin_67465673的博客
01-04 1962
小程序登录说明调用获取，并回传到开发者服务器。调用接口，换取、 用户在微信开放平台帐号下的（若当前小程序已绑定到微信开放平台帐号） 和。之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。注意事项会话密钥是对用户数据进行的密钥。为了应用自身的数据安全，开发者服务器。临时登录凭证 code 只能使用一次appId 作用说明appid 是微信账号的唯一标识，这个是固定不变的；
小程序授权登录
zsq199771的博客
07-19 267
微信小程序授权登陆
微信小程序开发之——用户登录-获取用户信息(5)(1)
2401_84009679的博客
05-09 337
说明：type 的合法值| 取值 | 说明 || :-: | :-: || groupName | 拉取群名称 || userNickName | 用户昵称 || userAvatarUrl | 用户头像 || userGender | 用户性别 || userCity | 用户所在城市 || userProvince | 用户所在省份 || userCountry | 用户所在国家 || userLanguage | 用户的语言 |lang的合法值| 取值 | 说明 || :-: | :-: || en
微信小程序button组件怎么使用？
贼厉害
02-06 3644
其实学过前端的小伙伴们都知道button标签是什么。
微信小程序 登录功能实现
05-20
要在微信小程序中实现登录功能，可以按照以下步骤进行： 1. 首先，需要在微信公众平台中创建小程序，并获取小程序的 appID。 2. 接下来，在小程序中引入微信登录组件，即在 json 文件中添加以下代码： ``` "usingComponents": { "button": "/path/to/loginButton" } ``` 3. 在 wxml 文件中，可以添加一个登录按钮，代码如下： ``` <button class="login-button" open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">微信登录</button> ``` 其中，open-type="getUserInfo" 表示使用微信登录组件，bindgetuserinfo="onGetUserInfo" 表示当用户点击按钮后触发 onGetUserInfo 函数。 4. 在 js 文件中，定义 onGetUserInfo 函数，代码如下： ``` onGetUserInfo: function(e) { if (e.detail.userInfo) { wx.login({ success: function(res) { if (res.code) { // 将 code 发送给后端，后端通过 code 获取 openid 和 session_key wx.request({ url: 'https://example.com/login', data: { code: res.code }, success: function(res) { // 登录成功后的操作 } }) } else { console.log('登录失败！' + res.errMsg) } } }) } else { console.log('用户拒绝授权！') } } ``` 在函数中，首先判断用户是否授权，若授权，则调用 wx.login() 函数获取 code，并将 code 发送给后端服务器。后端服务器通过 code 获取 openid 和 session_key，然后将 openid 和 session_key 发送给小程序，表示登录成功。 以上就是在微信小程序中实现登录功能的基本步骤。当然，具体的实现方式还要根据实际需求进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值