微信小程序ios中非cover组件点击重复触发地图tap事件

现象:

map中使用view组件的@click事件会重复触发地图的@tap组件,只在ios上出现

html 复制代码
<map id="maps" style="width: 100vw;height: 100vh;" :latitude="latitude" :longitude="longitude":markers="markers" show-location="true" :polyline="polyline" :include-points="includePoints" @tap="onClickMap" >
	<view class="cover-look" @click="getNearLocation">查看推荐</view>
</map>

解决办法:

view换成cover-view正常

html 复制代码
<map id="maps" style="width: 100vw;height: 100vh;" :latitude="latitude" :longitude="longitude":markers="markers" show-location="true" :polyline="polyline" :include-points="includePoints" @tap="onClickMap" >
	<cover-view class="cover-look" @click="getNearLocation">查看推荐</cover-view>
</map>

合理猜测:微信小程序做了同级渲染,但是map元素内部还是要用cover的元素,map元素外的可以正常用

果然:map内部依然是原生渲染

相关推荐
chaosama15 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
胡西风_foxww16 小时前
微信小程序动态组件加载的应用场景与实现方式
微信小程序·应用·加载·动态组件
甜甜的资料库20 小时前
基于小程序老人监护管理系统源码数据库文档
微信小程序
Uyker2 天前
微信小程序动态效果实战指南:从悬浮云朵到丝滑列表加载
前端·微信小程序·小程序
happyCoder2 天前
uniapp 微信小程序实现定时消息订阅提醒(前后端)
微信小程序
Uyker2 天前
从零开始制作小程序简单概述
前端·微信小程序·小程序
打小就很皮...2 天前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
前端缘梦3 天前
微信小程序登录方案实践-从账号体系到用户信息存储
前端·微信小程序
coding随想3 天前
2025年小程序开发全解析:技术储备、行业趋势与实战案例
微信小程序
Nueuis3 天前
微信小程序前端面经
前端·微信小程序·小程序