如何解决 Vuetify v-tabs 延迟加载问题?

时间:2021-02-18 20:17:23

标签: javascript vue.js nuxt.js vuetify.js

  <div>
        <v-tabs v-model="tab" slider-color="primary" color="black">
            <v-tab> Tab 1</v-tab>
            <v-tab> Tab 2</v-tab>
        </v-tabs>
        <v-divider class="mb-2"/>
        <v-tabs-items v-model="tab">

            <v-tab-item>
                <filter-area/>
                <default-form/>
            </v-tab-item>

            <v-tab-item>
                <search-identitfy/>
            </v-tab-item>

        </v-tabs-items>
    </div>

在我的 nuxt 项目中,我的主页中有一个选项卡。当页面加载时,一切都来得如此之快,但我的标签来得这么晚。标题首先出现,然后 tab1 出现。这是 tab1,它有 2 个组件。

            <v-tab-item>
                <filter-area/>
                <default-form/>
            </v-tab-item>

我需要任何方法让它更快。我在 Vuetify 中搜索了解决方案,但我暂时找不到好的方法。

0 个答案:

没有答案