맵 렌더링을 위해 탭을 느리게 표시

맵 렌더링을 위해 탭을 느리게 표시

나는 부비시 탭을 사용하고 있다.

<VTabs
          row
          justify-end
          show-arrows
          slider-color="accent"
          @change="changedTab"
        >
          <VTab key="btn1">Tab 1</VTab>
          <VTab key="btn2">Tab 2</VTab>
          <VTab key="btn3">Tab 3</VTab>
          <VTab key="btn4">Tab 4</VTab>
          <VTabItem key="panel1">
            <SessionMapInformation
              :data="data0"
            ></SessionMapInformation>
          </VTabItem>

          <VTabItem key="panel2">
            <SessionMapInformation
              :data="data1"
            ></SessionMapInformation>
          </VTabItem>

          <VTabItem key="panel3">
            <SessionMapInformation
              :data="data2"
            ></SessionMapInformation>
          </VTabItem>

          <VTabItem key="panel4">
            <SessionMapInformation
              :data="data3"
            ></SessionMapInformation>
          </VTabItem>
        </VTabs>

SessionMapInformation은 :data props에 따라 지도와 마커를 보여준다.

중요한 것은 탭의 변경 사이에 속도가 너무 느려서 때때로 :데이터가 약간 크면 화면이 정지한다는 것이다.어떤 해결 방법을 조언하시겠습니까?

참조URL: https://stackoverflow.com/questions/58645117/vuetify-tabs-slow-for-map-rendering