【报Bug】button 的open-type为getUserInfo时，@getuserinfo全局可触发

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 2.7.5

第三方开发者工具版本号： Stable v1.02.2004020

基础库版本号： 2.11.0

项目创建方式： HBuilderX

示例代码：

部分代码如下

<button class="refresh-btn" open-type="getUserInfo" @getuserinfo='getWxUserInfo'>  
                        <view class="sync-wechat-info">同步微信昵称与头像</view>  
                    </button>



getWxUserInfo(e) {  
    console.log('e is',e);  
｝  

···

操作步骤：

page目录下创建一个.vue后缀文件，并将高度设为

  height:100vh;  
  width:100%;

然后创建多个view,在任意view中粘贴上面button代码，script中将上面的方法复制进去，即可发现整个页面点击都可以触发事件并log出来

预期结果：

只点击热区才触发事件

实际结果：

全屏都触发了事件

最新

button在有open-type属性，且页面中只有一种open-type时，绑定事件后都会全屏触发事件

bug描述：

采用uniapp开发小程序。button绑定了@getuserinfo，且 open-type="getUserInfo"。在单独的一个view区域内写的。编译后，点击整个页面皆可触发，而预期结果是仅button点击区域内可触发此事件。检查了高度和绑定事件的区域，均没有超出

2020-05-26 19:17 负责人:无分享

0 个回复

该问题目前已经被锁定, 无法添加新回复

【报Bug】button 的open-type为getUserInfo时，@getuserinfo全局可触发

示例代码：

部分代码如下

`<button class="refresh-btn" open-type="getUserInfo" @getuserinfo='getWxUserInfo'> <view class="sync-wechat-info">同步微信昵称与头像</view> </button>`

`getWxUserInfo(e) { console.log('e is',e); ｝ ···`

部分代码如下

操作步骤：

page目录下创建一个.vue后缀文件，并将高度设为

`height:100vh; width:100%;`

然后创建多个view,在任意view中粘贴上面button代码，script中将上面的方法复制进去，即可发现整个页面点击都可以触发事件并log出来

预期结果：

只点击热区才触发事件

实际结果：

全屏都触发了事件

最新

button在有open-type属性，且页面中只有一种open-type时，绑定事件后都会全屏触发事件

最新

bug描述：

0 个回复

公告

相关问题

【报Bug】button 的open-type为getUserInfo时，@getuserinfo全局可触发

示例代码： 部分代码如下 <button class="refresh-btn" open-type="getUserInfo" @getuserinfo='getWxUserInfo'> <view class="sync-wechat-info">同步微信昵称与头像</view> </button> getWxUserInfo(e) { console.log('e is',e); ｝ ···

部分代码如下

操作步骤： page目录下创建一个.vue后缀文件，并将高度设为 height:100vh; width:100%; 然后创建多个view,在任意view中粘贴上面button代码，script中将上面的方法复制进去，即可发现整个页面点击都可以触发事件并log出来

预期结果： 只点击热区才触发事件

实际结果： 全屏都触发了事件 最新 button在有open-type属性，且页面中只有一种open-type时，绑定事件后都会全屏触发事件

最新

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

部分代码如下

`<button class="refresh-btn" open-type="getUserInfo" @getuserinfo='getWxUserInfo'> <view class="sync-wechat-info">同步微信昵称与头像</view> </button>`

`getWxUserInfo(e) { console.log('e is',e); ｝ ···`

操作步骤：

page目录下创建一个.vue后缀文件，并将高度设为

`height:100vh; width:100%;`

然后创建多个view,在任意view中粘贴上面button代码，script中将上面的方法复制进去，即可发现整个页面点击都可以触发事件并log出来

预期结果：

只点击热区才触发事件

实际结果：

全屏都触发了事件

最新

button在有open-type属性，且页面中只有一种open-type时，绑定事件后都会全屏触发事件