ddpapa
- 发布：2023-05-24 15:09
- 更新：2023-11-29 14:55
- 阅读：685
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.3
手机系统： Android
手机系统版本号： Android 13
手机厂商： 小米
手机机型： 10s
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
<map class="map" id="map1" ref="map1" :latitude="latitude" :longitude="longitude" :markers="covers"
circles="circles" :polyline="polyline" :include-points="includePoints" @markertap="markertap">
<cover-view slot="callout">
<template v-for="(item,index) in covers">
<cover-view :marker-id="item.id" :key="item.id" class="customCallout">
<cover-view style="justify-content: center;">
<text class="address">{{item.address}}</text>
</cover-view>
<cover-view style="justify-content: center;">
<text class="time">{{item.updateTime}}</text>
</cover-view>
</cover-view>
</template>
</cover-view>
</map>
<template v-for="(item,index) in covers">
<cover-view :marker-id="item.id" :key="item.id" class="customCallout">
<cover-view style="justify-content: center;">
<text class="address">{{item.address}}</text>
</cover-view>
<cover-view style="justify-content: center;">
<text class="time">{{item.updateTime}}</text>
</cover-view>
</cover-view>
</template>
</cover-view>
</map>
操作步骤：
初始化给markers绑定的数组赋值，然后点击刷新按钮再次给数组重新赋值，点击气泡不显示
初始化给markers绑定的数组赋值，然后点击刷新按钮再次给数组重新赋值，点击气泡不显示
预期结果：
显示自定义气泡
显示自定义气泡
实际结果：
不显示气泡
不显示气泡
bug描述：
nvue中map上的marker自定义气泡customCallout，第一次赋值点击可以显示气泡，再次重新给markers赋值，无法打开自定义的气泡
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
点击之后会显示的吧
ddpapa (作者)
给你一个解决办法，赋值之前先把marker绑定的数组置空，然后再次赋值，就可以刷新customCallout了
2023-05-26 17:50