如何从 VuetifyJS Vertical Stepper 中移除过渡效果? [英] How to remove the transition effect from the VuetifyJS Vertical Stepper?

问题描述

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

Is it possible to show the next step directly after clicking continue within the Vuetify Stepper? (or in other words: how to remove the transition slide out effect)

推荐答案

Vue 组件本身.

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

But, you can disable it by setting the transition css property to none for the .stepper-content elements.

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

For example, you could create a no-transition class:

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

然后将其添加到组件标签中:

And then add it to the <v-stepper> component tag:

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

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

这篇关于如何从 VuetifyJS Vertical Stepper 中移除过渡效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！