微信小程序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内部依然是原生渲染

相关推荐
爱学习 爱分享9 小时前
微信小程序html 在 webview 会打开再缩放一下
微信小程序·小程序·html
xshirleyl12 小时前
微信小程序开发week6-慕尚花坊项目
微信小程序·小程序
好赞科技14 小时前
2026年八大上门服务预约小程序:解锁高效生活新体验
大数据·微信小程序
编程猪猪侠14 小时前
uni-app微信小程序车牌号输入组件实现
微信小程序·uni-app
客场消音器1 天前
如何使用codex进行UI重构,让AI开发的前端页面不再千篇一律
前端·后端·微信小程序
打瞌睡的朱尤1 天前
微信小程序126~160
微信小程序·小程序
腾讯云云开发1 天前
小程序成长计划正式接入Hy3 preview
微信小程序
bruce541101 天前
讲讲 RTMate (WebSocket as A Service)中的消息的发布订阅机制
后端·微信小程序
ZC跨境爬虫2 天前
模块化烹饪小程序开发日记 Day2:全局配置与 tabBar 实现
java·前端·javascript·微信小程序·html·notepad++
好赞科技2 天前
2026年医院预约小程序三大精选:解锁智慧医疗新体验
大数据·微信小程序