使用Vue2Leaflet重新排序图层

import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';

data() {
  return {
    layers: [
      {
        name: 'Layer 1',
        zIndex: 1,
        markers: [
          { lat: 51.505, lng: -0.09 },
          { lat: 51.51, lng: -0.1 },
          { lat: 51.51, lng: -0.12 }
        ]
      },
      {
        name: 'Layer 2',
        zIndex: 2,
        markers: [
          { lat: 51.505, lng: -0.11 },
          { lat: 51.51, lng: -0.13 },
          { lat: 51.51, lng: -0.15 }
        ]
      }
    ]
  };
},

<template>
  <l-map :zoom="13" :center="[51.505, -0.09]">
    <l-tile-layer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"></l-tile-layer>
    <l-marker v-for="layer in layers" :key="layer.name" v-for="marker in layer.markers" :lat-lng="marker"></l-marker>
  </l-map>
</template>

methods: {
  reorderLayers() {
    this.layers.sort((a, b) => a.zIndex - b.zIndex);
  }
}

mounted() {
  this.reorderLayers();
}