使用Vuetify删除v-stepper-header编号

时间:2019-08-01 14:45:49

标签: javascript css vue.js vuejs2 vuetify.js

我到处搜索以尝试解决此问题,但未找到任何解决方案。有什么方法可以删除v-steppper-header中的数字? -Vuetify版本:1.5.6

当前: enter image description here

已保护:

enter image description here

4 个答案:

答案 0 :(得分:3)

step道具设置为空字符串“”,如下所示:

  <v-stepper-step :complete="e1 > 1" step="" complete>Name of step 1</v-stepper-step>

答案 1 :(得分:0)

以上解决方案将导致活动类/非活动类和步骤标识的问题。我今天发现的问题较少的解决方案如下

。您的步进选择器:: v-deep .v-stepper__step__step { 字号:0 }

答案 2 :(得分:0)

我找到了一种处理这种情况的临时方法。这不是理想的方法,但是到目前为止,它可以提供所需的结果。这是通过为字体提供透明的颜色来占用背景颜色。这将保留步骤功能,而不会显示步骤号

.v-stepper__step--active:not(.v-stepper__step--complete) .v-stepper__step__step {
    color: transparent;
}

答案 3 :(得分:0)

.theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
    display: none;
}