VuetifyJS：如何摆脱 v-stepper 组件的提升？答案

【问题标题】：VuetifyJS: how to get rid of the v-stepper component elevation?VuetifyJS：如何摆脱 v-stepper 组件的提升？
【发布时间】：2018-10-02 18:12:40
【问题描述】：

在 Vuetify 中使用v-stepper 组件时，边缘会出现一个默认的类似边框的形状：

我想删除它。我尝试将elevation 设置为 0，但没有成功。

<v-stepper v-model="e1" class="elevation-{0}">

如何做到这一点？

【问题讨论】：

【解决方案1】：

添加一些 CSS 作品（至少用你的笔）：

.v-stepper__header {
  box-shadow: none;
}

【讨论】：

【解决方案2】：

<v-stepper v-model="e1" flat> 用于去除圆边和

.v-stepper__header {
  box-shadow: none;
}

去除标题阴影

【讨论】：

【解决方案3】：

不是elevation-{0}，而是elevation-0。
海拔docs：

您可以使用elevation-{n} 类设置元素的高度，其中n 是一个介于0-24 之间的整数，对应于所需的高度。

所以实际上你也需要删除括号。
应该很清楚，因为据我所知你can't use parentheses in class names。

【讨论】：

【解决方案4】：

只需输入以下内容

<v-stepper v-model="e1" class="elevation-0">

【讨论】：