map组件动态渲染callout,在微信模拟器上显示没问题,但是在真机上调试气泡上文字内容偶尔显示偶尔不显示,偶尔部分显示。华为meta20,微信版本8.0.16
页面使用代码:
<map
id="map"
:setting="setting"
:longitude="longitude"
:latitude="latitude"
:scale="scale"
:markers="markersData"
:polyline="polyline"
:show-location="true"
@regionchange="regionchange"
@markertap="markertap"
@callouttap="gohoteldetail"
v-if="showMap"
>
<cover-view slot="callout" class="callout">
<cover-view v-for='item in markersData' :key="item.id">
<cover-view :marker-id='item.id' class="calloutBox" v-if="scale<=14" >
<cover-view class="calloutArea">{{item.geograhicalNames}}</cover-view>
<cover-view class="calloutCount">{{item.collateralNumber}}个</cover-view>
<cover-view class="pointer" v-if="item.riskNumber>0"></cover-view>
</cover-view>
<cover-view :marker-id='item.id' class="calloutBox1" v-if="scale>14">
<cover-view class="calloutArea">
<cover-view class="font">{{item.callout.content}}</cover-view>
<cover-view class="pointer" v-if="item.riskNumber>0"></cover-view>
</cover-view>
<cover-view class="calloutCount"></cover-view>
</cover-view>
</cover-view>
</cover-view>
</map>
模拟器效果:
真机效果:
有人解决吗
我也遇到了,楼主咋解决的?
(页面加载完数据后,动态赋值,然后渲染的时候偶尔会出不来数据)
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)