<l-polygon :lat-lngs="polygon.latlngs" :color="polygon.color"></l-polygon> 多边形中显示名称

要在多边形中显示名称，你可以使用Leaflet的Popup组件。你可以将名称作为属性添加到多边形对象中，并在多边形被点击时显示弹出窗口。以下是一个示例代码：

<l-polygon :lat-lngs="polygon.latlngs" :color="polygon.color" @click="showPopup(polygon.name)"></l-polygon>

<script>
export default {
  data() {
    return {
      polygon: {
        latlngs: [
          // 多边形的经纬度坐标点
        ],
        color: 'blue',
        name: '多边形名称'
      }
    };
  },
  methods: {
    showPopup(name) {
      L.popup()
        .setLatLng([this.polygon.latlngs[0].lat, this.polygon.latlngs[0].lng]) // 设置弹出窗口的位置，这里使用多边形的第一个点
        .setContent(name) // 设置弹出窗口的内容为名称
        .openOn(this.$map); // 在地图上打开弹出窗口
    }
  }
};
</script>

在上面的示例代码中，我们将名称存储在`polygon`对象中，并在点击多边形时调用`showPopup`方法来显示弹出窗口。`showPopup`方法使用`L.popup()`创建一个新的弹出窗口，设置其位置为多边形的第一个点，然后将名称作为内容设置到弹出窗口中，并通过`openOn`方法在地图上打开弹出窗口。

请注意，上述示例代码中的`lat-lngs`和`color`属性是示例用法，你需要根据实际情况进行调整。另外，你还需要确保已经正确引入了Leaflet库和相关组件。