Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Taro 3 版本 Map组件无法触发onClick或onTap事件。 #11416

Closed
sdn785618859 opened this issue Mar 8, 2022 · 6 comments
Closed

Taro 3 版本 Map组件无法触发onClick或onTap事件。 #11416

sdn785618859 opened this issue Mar 8, 2022 · 6 comments
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x

Comments

@sdn785618859
Copy link

相关平台

微信小程序

小程序基础库: 2.22.0
使用框架: React

复现步骤

1.代码如下:
<Map
latitude={39.954548}
longitude={116.186951}
style={{ height: '100vh', width: '100vw' }}
onClick={() => {
Taro.showToast({
title: 'title11',
icon: 'success',
duration: 2000
});
}}
>

2.微信开发者工具中第二次点击才可以触发事件,但返回的是上一次点击的结果,真机预览无法触发事件。

期望结果

可以正常触发onClick或onTap

实际结果

没有触发onClick或onTap

环境信息

 Taro CLI 3.4.3 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.6.1 - C:\Program Files\nodejs\node.EXE
      npm: 6.14.16 - C:\Program Files\nodejs\npm.CMD
@taro-bot2 taro-bot2 bot added F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x labels Mar 8, 2022
@TheKonka
Copy link
Member

微信小程序 本人 亲测,开发者工具和真机 效果均正常,可以触发onClick 事件

@Chen-jj
Copy link
Contributor

Chen-jj commented Mar 12, 2022

+1 没有复现,可以新建一个项目对比一下

@1102712387
Copy link

我在3.4.3 版本也遇到了,楼主找到原因或解决方法了吗?

@1102712387
Copy link

已找到解决方法 正确的用法:@tap="ontap"

期望结果

@zhEmail
Copy link

zhEmail commented Jun 30, 2023

怎么解决的 我也遇到了同样的问题 只不过是第一次不生效 之后生效

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x
Projects
None yet
Development

No branches or pull requests

5 participants