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

Javascript 使用Vuetify删除v-stepper-header编号,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,我到处搜索试图解决这个问题,但没有找到任何解决方案。有没有办法从v-stepper-header中删除数字? -Vuetify版本:1.5.6 当前: 扩展: 将步骤设置为空字符串”,如下所示: <v-stepper-step :complete="e1 > 1" step="" complete>Name of step 1</v-stepper-step> 步骤1的名称 上述解决方案将导致活动/非活动类和步骤识别出

我到处搜索试图解决这个问题,但没有找到任何解决方案。有没有办法从
v-stepper-header
中删除数字? -Vuetify版本:1.5.6

当前:

扩展:


步骤设置为空字符串
,如下所示:

  <v-stepper-step :complete="e1 > 1" step="" complete>Name of step 1</v-stepper-step>
步骤1的名称

上述解决方案将导致活动/非活动类和步骤识别出现问题。下面是我今天发现的问题较少的解决方案

.您的步进选择器::v-deep.v-stepper\uuuuuuu步骤{ 字号:0 }


我找到了一个临时的方法来处理这件事。这并不理想,但到目前为止,它给出了理想的结果。这是通过给字体一个透明的颜色,这样它就占据了背景色。这使步骤功能保持打开状态,而不显示步骤编号

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

非常感谢。vuetify文档中也对其进行了解释,但没有注意到使用这种方法意味着步骤的内容将不会显示,因为它与步骤匹配number@Anjayluh你能建议一个最好的方法吗?我正在提供OP用例的答案,如果你需要另一种行为,你可以发布一个问题,因为否决投票和不建议另一种方法是没有意义的
.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;
}