Vuejs2 使用Vue2传单时如何处理点击？

我在vuejs2中使用Vue2Floaple（），我已经渲染了贴图，我想在阅读文档时添加一个函数，以便在单击贴图时进行处理，但仍然不知道如何操作

---

任何建议都将不胜感激。

以下示例演示如何在中处理映射单击事件：

导出默认值{
名称：“单张地图”，
组成部分：{
“l-map”：LMap，
“l-瓷砖层”：LTileLayer，
“l标记”：l标记
},
数据（）{
返回{
缩放：13，
中心：L.latLng（47.41322，-1.219482），
url:“http://{s}.tile.osm.org/{z}/{x}/{y}.png”，
归属：
“©；贡献者”，
};
},
方法：{
handleMapClick（事件）{
//...
}
}
};

这是

<l-map :zoom="zoom" :center="center" @click="handleMapClick">
   <l-tile-layer :url="url" :attribution="attribution"></l-tile-layer>
</l-map>



export default {
  name: "LeafletMap",
  components: {
    "l-map": LMap,
    "l-tile-layer": LTileLayer,
    "l-marker": LMarker
  },
  data() {
    return {
      zoom: 13,
      center: L.latLng(47.41322, -1.219482),
      url: "http://{s}.tile.osm.org/{z}/{x}/{y}.png",
      attribution:
        '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
    };
  },

  methods: {
    handleMapClick(event) {
       //...
    }
  }
};