vuetify选项卡的地图渲染速度较慢

时间:2019-10-31 14:07:56

标签: vue.js vuejs2 vue-component vuetify.js

我正在使用vuetify标签。

<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 道具显示地图和标记。

问题是,切换选项卡之间的速度如此之慢,以至于有时:data有点大,屏幕就会冻结。您会建议什么解决方法?

0 个答案:

没有答案