删除 v-steppers-step 图标

Question

我正在尝试使用 vuetify v-stepper，但我想删除 v-stepper-step 中的图标。如何删除 v-stepper-step 中的图标？我试过添加。我尝试结合添加编辑图标、附加图标，甚至选择它的样式范围为属性显示：none.

我试过的代码是这样的：

<v-stepper-step
 :key="`${stepHeader}-step`"
 :step="index + 1"
 editable
 class="stepper"
 complete
 edit-icon=""
 append-icon=""
>
...
</v-stepper-step>

Answer 1

您可以将此添加到您的样式中：

.v-stepper__step__step {
  display: none
}

Answer 2

我已经解决了。我在 v-stepper-step

中放置了一个 color="transparent" 道具

您仍然可以检查图标。对我来说，足够了。

删除 v-steppers-step 图标

Remove v-steppers-step icon

vue.js

vuejs2

vuetify.js