Как убрать эффект перехода из вертикального степпера VuetifyJS?

Question

Можно ли отобразить следующий шаг сразу после нажатия кнопки "Продолжить" в Vuetify Stepper ?(или другими словами: как убрать эффект сдвига перехода)

Answer 1

Шахта работала с

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

На случай, если кому-то не удастся ответить @ спасибо.

Answer 2

Не похоже, что есть какая-либо опция для изменения эффекта перехода в самом компоненте Vue .

Но вы можете отключить его, установив для .stepper-content свойства transition css значение *1005*.

Например, вы можете создать класс no-transition:

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

А затем добавьте его в тег компонента <v-stepper>:

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

Вот кодекс с рабочим примером.