尝试了三种处理方法
- 使用
cover-view
和cover-text
包裹可以实现地图上的悬浮框点击不穿透到地图上
<cover-view class="close-box" @touchstart="popupClose">
<cover-image :src="imgUrl+'close_ico.png'" v-show="!showPicture"/>
</cover-view>
<cover-text class="copyText" @tap="CopyboxClick(marker_cur.customData.address)">复制</cover-text>
tip:虽然微信开发者文档上这个标签被废弃了,但是在uniapp开发中,实测还是能生效的
image.png
- 用
scroll-view
将地图底部的盒子变成滚动盒子,在微信中滚动事件会阻止穿透
<scroll-view scrollY class="map-box-detail-content scroll-view-color">
<view class="info-box">
<view class="title">箱子信息</view>
````
</view>
</scroll-view>
- 加定时器/回调,按顺序处理事件,若a事件触发了,则阻止b事件触发。但是这种方法在复杂事件中操作起来相对容易出bug。