<template>
<view class="content">
<map id="map1" :longitude="113.324520" :latitude="23.099994" :markers="markers"></map>
<button @tap="updateMarker">updateMarker</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
markers: [{
id: 1,
title: "marker",
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50
}]
}
},
methods: {
updateMarker() {
this.$set(this.markers[0], "iconPath", "/static/logo.png");
}
}
}
</script>
Sams
- 发布：2023-05-25 17:46
- 更新：2023-09-05 13:15
- 阅读：409
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 20H2
HBuilderX类型： 正式
HBuilderX版本号： 3.7.13
手机系统： Android
手机系统版本号： Android 11
手机厂商： 华为
手机机型： 华为mate30pro
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="content">
<map id="map1" :longitude="113.324520" :latitude="23.099994" :markers="markers"></map>
<button @tap="updateMarker">updateMarker</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
markers: [{
id: 1,
title: "marker",
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50
}]
}
},
methods: {
updateMarker() {
this.$set(this.markers[0], "iconPath", "/static/logo.png");
}
}
}
</script>
<template>
<view class="content">
<map id="map1" :longitude="113.324520" :latitude="23.099994" :markers="markers"></map>
<button @tap="updateMarker">updateMarker</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
markers: [{
id: 1,
title: "marker",
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50
}]
}
},
methods: {
updateMarker() {
this.$set(this.markers[0], "iconPath", "/static/logo.png");
}
}
}
</script>预期结果：
APP项目中能动态修改markers属性
APP项目中能动态修改markers属性
实际结果：
改了无效没反应
改了无效没反应
bug描述：
【报Bug】map组件动态修改markers属性，小程序正常，APP中失效
3 个回复
Sams (作者)
大佬帮忙解决一下
DCloud_Android_ST
请直接修改markers值域
this.markers =[{
id: 1,
title: "marker",
latitude: 23.099994,
longitude: 113.324520,
width: 50,
height: 50,
iconPath : "/static/logo.png"
}]
map组件暂时不支持this.markers[0]该方式去更新一把相关问题同步给开发同学
TLZ
还是不行怎么办，app用不了，但微信小程序没问题
2023-09-05 13:16
TLZ
有没有解决