листовки карты не работают при использовании вкладок

Question

У меня есть приложение vue.js.

У меня есть вкладки vuetify.4 из них.

У меня есть один компонент, в котором есть эти 4 вкладки.и каждая из этих вкладок содержит один и тот же компонент, называемый leafletmap, и каждая из 4 вкладок передает разную информацию этому компоненту leafletmap.поэтому компонент leafletmap записывается 4 раза в одном этом компоненте.

хук mount () компонента leafletmap инициализирует карту, а также использует данные реквизита для отображения этих точек на карте.Я также использую Fitbounds.

Что происходит: при загрузке страницы первая вкладка показывает все правильно.fitBounds работает отлично, но если я изменяю вкладку, fitBounds, кажется, не работает, и карта отображается как fitBounds () показывает всю землю (если карта сначала скрыта, а затем показана) что-то вроде этого.Я не знаю, почему это происходит.

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, {

            });