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

相关推荐
小蒜学长4 小时前
基于springboot 校园餐厅预约点餐微信小程序的设计与实现(代码+数据库+LW)
数据库·spring boot·微信小程序
cookqq4 小时前
Cursor和Hbuilder用5分钟开发微信小程序
微信小程序·小程序·curosor
毕设源码-钟学长6 小时前
【开题答辩全过程】以 基于微信小程序的美发服务系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
canglingyue7 小时前
微信小程序罗盘功能开发指南
微信小程序·小程序
三脚猫的喵9 小时前
微信小程序中实现AI对话、生成3D图像并使用xr-frame演示
前端·javascript·ai作画·微信小程序
海绵宝宝不喜欢侬11 小时前
UniApp微信小程序-实现蓝牙功能
微信小程序·uni-app
Python大数据分析13 小时前
uniapp微信小程序商品列表数据分页+本地缓存+下拉刷新+图片懒加载
缓存·微信小程序·uni-app
小白_ysf13 小时前
uniapp和vue3项目中引入echarts 、lime-echart(微信小程序、H5等)
微信小程序·uni-app·echarts·h5·lime-echart
imHere·13 小时前
UniApp 分包异步化配置及组件引用解决方案
微信小程序·uni-app·分包
canglingyue16 小时前
微信小程序加速计开发指南
微信小程序·小程序