使用vue指令访问自定义事件对象

Question

我有一个带有单个 leaflet 地图组件的简单vue应用。我正尝试从地图上的click事件传递的对象中获取latlng参数，如 Leaflet 教程中一样。

function onMapClick(e) {
    alert("You clicked the map at " + e.latlng);
}

mymap.on('click', onMapClick);

我可以使用位于mount（）生命周期挂钩中的此功能来实现它：

mounted() {
   // (...)
   this.map.on('click', (event) => this.savedEvent = event);
}

但是我想做的是使用Vue指令访问返回对象的事件。我试图通过这种方式做到这一点：

methods: {
    // (...)
onMapClick: function(e) {
      this.savedEvent = e;
    },
}

使用此指令：

<div id="mapid" @click="onMapClick($event)">
</div>

但是它返回MouseEvent，而不是我想要获取的对象。