如何使 vuetify stepper 全高

Question

如何让 Vuetify Stepper 组件填满页面的整个高度？ 从the doc 中的示例开始，我尝试了几件事：

• 向步进器组件添加 height="100vh"（或 100%）
• 在步进器周围或中添加 <v-container> 和 fill-height
• 在卡片和按钮之间添加<v-spacer>

没有成功。理想情况下，我希望卡和按钮之间的间距可以根据屏幕尺寸进行调整（因此是<v-spacer>）。按钮将设置在屏幕底部。

Link 到草稿代码笔

Answer 1

只需添加带有height:100% 的style 标签。

来自您的代码：

<v-stepper v-model="e1" style="height:100%">