如何去除 VuetifyJS Vertical Stepper 的过渡效果？

How to remove the transition effect from the VuetifyJS Vertical Stepper?

是否可以在Vuetify Stepper中点击继续后直接显示下一步？ （或者换句话说：如何去除过渡滑出效果）

Vue component itself 中似乎没有提供任何更改过渡效果的选项。

但是，您可以通过将 .stepper-content 元素的 transition css 属性 设置为 none 来禁用它。

例如，您可以创建 no-transition class:

.no-transition .stepper__content { transition: none; }

然后添加到<v-stepper>组件标签中：

<v-stepper v-model="e1" class="no-transition">
  ...
</v-stepper>

Here's a codepen with a working example.

我的合作伙伴

.no-transition .v-stepper__content { transition: none; }

万一有人没有成功回答@thanksd 的问题。

这对我有用：

.v-stepper__wrapper {
  transition:none !important;
}

Vuetify 版本 2.2.8

  1. 删除 Vuetify 步进转换：

    .v-stepper__content, .v-overlay { 过渡：none！重要； }

  2. 仅从 stepper-header（我正在寻找）中删除 Vuetify 步进器转换。我在 :

    添加了一个 class “stepper-body”

    .stepper-body { 位置：相对； }