首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Vuetify移除v-步骤标头号

使用Vuetify移除v-步骤标头号
EN

Stack Overflow用户
提问于 2019-08-01 14:45:49
回答 4查看 2K关注 0票数 4

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

当前:

删减:

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2019-08-01 14:55:13

step支柱设置为空字符串""如下所示:

代码语言:javascript
复制
  <v-stepper-step :complete="e1 > 1" step="" complete>Name of step 1</v-stepper-step>
票数 5
EN

Stack Overflow用户

发布于 2020-10-07 18:20:57

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

.步进-选择器::v-深度.v-步骤_step__step{字体大小:0}

票数 0
EN

Stack Overflow用户

发布于 2020-10-29 09:57:46

我找到了一种临时的方法来处理这个问题。这并不理想,但到目前为止,它给出了预期的结果。这是通过给字体一个透明的颜色,所以它占据了背景色。这将保留步骤功能,而不显示步骤号。

代码语言:javascript
复制
.v-stepper__step--active:not(.v-stepper__step--complete) .v-stepper__step__step {
    color: transparent;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57311618

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档