使用选项卡时，传单地图适合范围不起作用

Question

我有一个vue.js应用。

我有vuetify标签。其中4个

我只有一个组件，里面有那四个标签。并且这些标签中的每个标签都包含称为Leafletmap的相同组件，并且4个标签中的每个标签都将不同的信息传递给该Leafletmap组件。因此Leafletmap组件在该组件中被写入了4次。

leafletmap组件的mount（）钩子会初始化地图，并使用prop数据在地图上显示这些点。我也使用fitbounds。

会发生什么：加载页面时，第一个标签正确显示所有内容。 fitBounds可以完美工作，但是如果我更改选项卡，fitBounds似乎无法正常工作，并且地图显示为fitBounds() shows whole earth (if map is first hidden and then shown)，类似这样。我不知道为什么会这样。

let bounds = new L.LatLngBounds();
var loc = new L.LatLng(parseFloat(newVal[key][i].latitude), parseFloat(newVal[key][i].longitude));
              var marker = new L.Marker(loc, {
                icon:motionIcon,
                zIndexOffset: runningIndex,
              });

              bounds.extend(loc);
              this.map.fitBounds(bounds, {

            });