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

相关推荐
予你@。11 小时前
UniApp + Vue3 实现 Tab 点击滚动定位(微信小程序)
微信小程序·小程序·uni-app
码云数智-大飞17 小时前
小程序商城哪个平台好?小程序商城制作平台深度对比
微信小程序
kyh10033811202 天前
微信小游戏《找茬找汉字闯关王》源码赠送
microsoft·微信·微信小程序·微信小游戏·找茬小游戏·微信找茬消除
码云数智-园园2 天前
小程序制作平台有哪些?2026微信小程序制作平台综合评测
微信小程序
码云数智-大飞2 天前
小程序快速开发平台有哪些?微信小程序制作平台综合评测
微信小程序
云游云记2 天前
vue2 vue3 uniapp (微信小程序) v-model双向绑定
微信小程序·uni-app·vue
黑睿2 天前
微信小程序,skyline引擎,display: grid失效问题解决
microsoft·微信小程序·小程序
毕设源码-朱学姐3 天前
【开题答辩全过程】以 基于微信小程序的大学生安全素质综合培养平台设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Java.慈祥3 天前
速通-微信小程序 5Day
java·微信小程序·小程序·npm
全栈小53 天前
【小程序】微信小程序slice方法分割无效,单独输出一直为空,这是为什么呢
微信小程序·小程序·数组分割