9

在Vuetify Stepper中单击 continue 后是否可以直接显示下一步?(或者换句话说:如何去除过渡滑出效果)

4

4 回答 4

18

看起来没有提供任何选项来更改Vue 组件本身的过渡效果。

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

例如,您可以创建一个no-transition类:

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

然后将其添加到<v-stepper>组件标签中:

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

这是一个带有工作示例的代码笔。

于 2018-05-21T17:55:45.627 回答
6

我的工作过

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

以防有人没有通过@thanksd 的回答成功。

于 2018-12-08T09:11:49.920 回答
2

这对我有用:

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

Vuetify 版本 2.2.8

于 2020-12-11T18:17:47.243 回答
1
  1. 移除 Vuetify 步进转换:

    .v-stepper__content, .v-overlay { 过渡:无!重要;}

  2. 仅从 stepper-header(我正在寻找)中删除 Vuetify 步进器转换。我添加了一个类“stepper-body”到:

    .stepper-body { 位置:相对;}

于 2021-08-17T12:07:44.223 回答