vue-component - 如何从VuetifyJS Vertical Stepper移除过渡效果？

Question

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

Answer 1

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

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

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

.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.