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

相关推荐
h_654321010 小时前
微信小程序点击按钮跳转链接并显示
微信小程序·小程序
银迢迢12 小时前
微信小程序的开发及问题解决
微信小程序·小程序
liyinchi198813 小时前
原生微信小程序 textarea组件placeholder无法换行的问题解决办法
微信小程序·小程序
前端极客探险家1 天前
微信小程序全解析:从入门到实战
微信小程序·小程序
h_65432101 天前
微信小程序van-dialog确认验证失败时阻止对话框的关闭
微信小程序·小程序
-曾牛1 天前
基于微信小程序的在线聊天功能实现:WebSocket通信实战
前端·后端·websocket·网络协议·微信小程序·小程序·notepad++
CN自由之翼2 天前
【微信小程序】webp资源上传失败
微信小程序·小程序
小新1102 天前
微信小程序学习之搜索框
学习·微信小程序·小程序
小新1102 天前
微信小程序之将轮播图设计为组件
微信小程序·小程序
不爱吃饭爱吃菜2 天前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别