Windows

The v-window component is the baseline functionality for transitioning content from 1 pane to another. Other components such as v-tabs, v-carousel and v-stepper utilize this component at their core.

Применение

Designed to easily cycle through content, v-window provides a simple interface to create truly custom implementations.

API

v-window
Имя
active-class
По умолчанию
'v-item--active'
Тип
string

Класс для активного элемента

Имя
dark
По умолчанию
false
Тип
boolean

Применяет тёмный вариант темы

Имя
light
По умолчанию
false
Тип
boolean

Применяет светлый вариант темы

Имя
mandatory
По умолчанию
true
Тип
boolean

Значение должно быть определено или первое доступное значение будет выбрано

Имя
max
По умолчанию
undefined
Тип
number | string

Устанавливает максимальную ширину

Имя
multiple
По умолчанию
false
Тип
boolean

Включение множественного выбора. Свойство value принимает массив

Имя
reverse
По умолчанию
false
Тип
boolean

Components.Windows.

Имя
touch
По умолчанию
undefined
Тип
object

Components.Windows.

{
  left: Function",
  right: Function"
}
Имя
touchless
По умолчанию
false
Тип
boolean

Components.Windows.

Имя
value
По умолчанию
undefined
Тип
any

Контроль видимости

Имя
vertical
По умолчанию
false
Тип
boolean

Components.Windows.

Примеры

Onboarding

v-window makes it easy to create custom components such as a different styled stepper.

Account creation

Create rich forms with smooth animations. v-window automatically tracks the current selection index to automatically change the transition direction. This can be manually controlled with the reverse prop.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore