VWindow API
组件页面
属性
名称 | 类型 | 默认值 |
---|---|---|
continuous | ||
If true, window will “wrap around” from the last item to the first, and from the first item to the last. | ||
direction | ||
The transition direction when changing windows. | ||
disabled | ||
Removes the ability to click or target the component. | ||
mandatory | ||
Forces at least one item to always be selected (if available). | ||
model-value | ||
The v-model value of the component. If component supports the multiple prop, this defaults to an empty array. | ||
next-icon | ||
Icon used for the “next” button if show-arrows is true. | ||
prev-icon | ||
Icon used for the “prev” button if show-arrows is true. | ||
reverse | ||
Reverse the normal transition direction. | ||
selected-class | ||
Configure the active CSS class applied when an item is selected. | ||
show-arrows | ||
Display the “next” and “prev” buttons. | ||
tag | ||
Specify a custom tag used on the root element. | ||
theme | ||
Specify a theme for this component and all of its children. | ||
touch | ||
Provide a custom left and right function when swiped left or right. |
事件
名称 | 类型 |
---|---|
update:modelValue | |
Event that is emitted when the component’s model changes. |
插槽
additional |
Slot for additional content at the end of the component. |
default |
The default Vue slot. |
next |
Slot displaying the arrow switching to the next item. |
prev |
Slot displaying the arrow switching to the previous item. |
可用属性
group |
Returns item group data, state and helper methods. |
SASS 变量
名称 | 默认值 |
---|---|
$window-controls-padding | |
$window-transition | |