Vue.js 如何在Vue2传单中的LMarker上添加id?

Vue.js 如何在Vue2传单中的LMarker上添加id?,vue.js,vuejs2,leaflet,vue2leaflet,Vue.js,Vuejs2,Leaflet,Vue2leaflet,我想在地图上添加的每个标记上添加一个特定的id或类。 我试过不同的方法,但都不管用。标记在地图上正确显示,但类/id不正确 这是我的代码: <div v-for="g in listeGarages"> <l-marker :key="g.id" :lat-lng="[g.latitude, g.longitude]" :icon="defaultIcon" :cla

我想在地图上添加的每个标记上添加一个特定的id或类。 我试过不同的方法,但都不管用。标记在地图上正确显示,但类/id不正确

这是我的代码:

<div v-for="g in listeGarages">
                <l-marker :key="g.id" :lat-lng="[g.latitude, g.longitude]" :icon="defaultIcon" :className="g.id">
                    <l-popup>
                        ...
                    </l-popup>
                </l-marker>
</div>

...
导出默认值{
名称:“MyMap”,
组成部分:{
LMap,
第三层,
马克,
LPopup,
LControlZoom
},
道具:{
李斯特车库:{
类型:数组
},
posMap:{
类型:对象
}
},
数据(){
返回{
当前日期:“”,
缩放:8.7,
ZoomComposition:“右下角”,
中心:L.latLng(46.92,6.8),
网址:'https://b.basemaps.cartocdn.com/rastertiles/voyager/{z} /{x}/{y}.png',
属性:“©;贡献者| Cartocdn”,
地图选项:{
滚轮缩放:错误,
zoomSnap:0.1,
动物控制:错误
},
默认图标:L.icon({
iconSize:[40,50],
阴影大小:[15,50],
iconRetinaUrl:require('../assets/rrgmapmarkerx2.png'),
iconUrl:require('../assets/rrgmapmarker.png'),
shadowUrl:require('传单/dist/images/marker shadow.png'))
}),
};
},
};
export default {
    name: 'MyMap',
    components: {
        LMap,
        LTileLayer,
        LMarker,
        LPopup,
        LControlZoom
    },
    props: {
        listeGarages: {
            type: Array
        },
        posMap: {
            type: Object
        }
    },
    data () {
        return {
            currentDay: '',
            zoom: 8.7,
            zoomPosition : 'bottomright',
            center: L.latLng(46.92, 6.8),
            url: 'https://b.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png',
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors | Cartocdn',
            mapOptions: {
                scrollWheelZoom: false,
                zoomSnap: 0.1,
                zoomControl: false
            },
            defaultIcon: L.icon({
                iconSize: [40,50],
                shadowSize: [15,50],
                iconRetinaUrl: require('../assets/rrgmapmarkerx2.png'),
                iconUrl: require('../assets/rrgmapmarker.png'),
                shadowUrl: require('leaflet/dist/images/marker-shadow.png')
            }),
            
        };
    },
    
};