有问
有问
  • 发布:2022-08-02 16:57
  • 更新:2022-08-02 17:24
  • 阅读:223

【报Bug】H5里子组件发射的click事件会执行2次

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: Alpha

HBuilderX版本号: 3.5.3

浏览器平台: Chrome

浏览器版本: 谷歌最新版

项目创建方式: HBuilderX

操作步骤:

在子组件里发射事件:emit(click)
之后在父组件里引入该子组件,并在子组件上加入@click事件,
H5中调试发现每次都会执行2次,小程序中正常。

预期结果:

在子组件里发射click事件,在H5中引入该子组件,并在子组件上加入click事件后,点击只需要执行一次事件。

实际结果:

在子组件里发射click事件,在H5中引入该子组件,并在子组件上加入click事件后,点击后执行了2次事件。

bug描述:

在子组件里emit(click)
之后在父组件里引入该子组件,并在子组件上加入@click事件,
H5中调试发现每次都会执行2次,小程序中正常。

2022-08-02 16:57 负责人:无 分享
已邀请:
有问

有问 (作者) - 生活,趣与失。

发射其它事件正常,就是click会执行2次。

BoredApe

BoredApe - 有问题就会有答案。

是不是重复引用 处理事件绑定的库了

  • 有问 (作者)

    没有吧。我就是在子组件里,比如在view里添加click事件,然后事件里发射出去click

    父组件里直接引用的该组件,并在该组件上加click事件的

    小程序里正常。就是H5不正常。发射其它事件也没事,就是click会2次输出

    2022-08-02 17:09

  • BoredApe

    回复 有问: 请上传一个能重现问题的测试工程

    2022-08-02 17:16

  • 有问 (作者)

    回复 BoredApe: 我贴代码啦,就这些内容。

    2022-08-02 17:25

有问

有问 (作者) - 生活,趣与失。

子组件sss.vue

<view @click="clickon"></view>  
clickon(){  
  this.$emit('click',1);  
}

页面a.vue,引入子组件

<sss @click="clickon"></sss>  
clickon(e){  
  console.log(e);  
}

H5中发现调试输出有2次,小程序正常,VUE3

  • BoredApe

    请新创建一个测试工程。粘贴关键测试代码

    2022-08-02 17:26

要回复问题请先登录注册