Html Vuetify等高v形标签项

请建议如何使vuetify v-tabs内容以等高块显示。我在文档中找不到有助于高度对齐的此组件的选项

默认情况下，v-tab项的高度取决于其自身的内容高度：

布局示例：

<div id="app">
    <v-app id="inspire">
        <div>
            <v-tabs v-model="active" color="cyan" dark slider-color="yellow">
                <v-tab :key="tab-1">
                    tab 1

                </v-tab>
                <v-tab :key="tab-2">
                    tab 2

                </v-tab>
                <v-tab-item key="tab-1">
                    tab 1 content<br> tab 1 content<br> tab 1 content<br> tab 1 content<br> tab 1 content<br>
                </v-tab-item>
                <v-tab-item key="tab-2">
                    tab 2 content
                </v-tab-item>
            </v-tabs>

        </div>
    </v-app>
</div>

表1
表2
表1内容
表1内容
表1内容
表1内容
表1内容
表1内容

表2内容

---

是否可以仅使用CSS按最高的v-tab-item对齐v-tab-items高度？

如果您尚未尝试，请在

v-tab\uu内容

类中设置所需的

高度

（非

最小高度

）值

newvue({
el:“#应用程序”
})

.v-tabs\u内容{
背景颜色：绿色；
高度：100px；
}

表1
表2
表1内容
表1内容
表1内容
表1内容
表1内容
表1内容

表2内容

只需使用

高度：值在你的
v-tabs\u内容中？如果您希望选项卡项填充剩余高度，您可能会对这种方法感兴趣，以防选项卡内容大于显式高度设置I face内容溢出问题。