使用Vue2Leaflet的l-popup组件调整小叶弹出窗口的宽度

<template>
  <l-map :zoom="zoom" :center="center">
    <l-tile-layer :url="url"></l-tile-layer>
    <l-marker :lat-lng="markerLatLng">
      <l-popup :max-width="popupMaxWidth">
        <p>这是一个弹出窗口</p>
      </l-popup>
    </l-marker>
  </l-map>
</template>

<script>
import { LMap, LTileLayer, LMarker, LPopup } from 'vue2-leaflet';

export default {
  components: {
    LMap,
    LTileLayer,
    LMarker,
    LPopup,
  },
  data() {
    return {
      zoom: 13,
      center: [51.505, -0.09],
      url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      markerLatLng: [51.505, -0.09],
      popupMaxWidth: 200, // 设置弹出窗口的最大宽度为200像素
    };
  },
};
</script>