如何拖动地图但保持标记到中心的vue2Leaflet地图？

data() {
  return {
    mapOptions: {
      center: [latitude, longitude],
      zoom: 10
    },
    markerOptions: {
      lat: latitude,
      lng: longitude
    }
  };
}

<l-map :zoom="mapOptions.zoom" :center="mapOptions.center" style="height: 400px;">
  <l-marker :lat-lng="markerOptions"></l-marker>
</l-map>

<l-map :zoom="mapOptions.zoom" :center="mapOptions.center" @moveend="updateMarkerPosition" style="height: 400px;">
  <l-marker :lat-lng="markerOptions"></l-marker>
</l-map>

methods: {
  updateMarkerPosition(event) {
    this.markerOptions.lat = event.target.getCenter().lat;
    this.markerOptions.lng = event.target.getCenter().lng;
  }
}

<l-map :zoom="mapOptions.zoom" :center="mapOptions.center" @moveend="updateMarkerPosition" draggable style="height: 400px;">
  <l-marker :lat-lng="markerOptions"></l-marker>
</l-map>