V-for与对象数组

Question

我有一个像这样的元素数组：

[
 'AKH-123': { ignition: true, position: { lat: 0, lng: 0},  },
 'VAW-123': { ignition: true, position: { lat: 1, lng: 1},  }
]

我想用vfor给他们看。我已经尝试过：

        <gmap-marker
                :key="m.vehicle"
                v-for="(m, index) in vehicles"
                :position="vehicles[index].position"
                :icon="{url: getImagePath(m.ignition), scaledSize: new google.maps.Size(24, 24)}"
                v-if="show_live_vehicles"
        >
        </gmap-marker>

但这不会在地图上显示车辆。我正在使用vue2-google-maps组件。我不明白如何从键控数组中传递位置

Answer 1

将您的部分代码new google.maps.Size(24, 24)更改为此new google.maps.Size(m.position.lat, m.position.lng)或根据api反转参数。

这：vehicles[index].position也可以只是m.position，因为两者是等效的。