slick-carousel component for Vue3
See example project
| name | type | required |
|---|---|---|
| options | JQuerySlickOptions | no |
Returns the current slide index
number or undefined
Navigates to a slide by index
| name | type | required |
|---|---|---|
| slide | number | yes |
| dontAnimate | boolean | no |
Navigates to the next slide
Navigates to the previous slide
Pauses autoplay
Starts autoplay
Add a slide. If an index is provided, will add at that index, or before if addBefore is set. If no index is provided, add to the end or to the beginning if addBefore is set. Accepts HTML String || Object
| name | type | required |
|---|---|---|
| html | striong, Object | yes |
| index | number | no |
| addBefore | number | no |
Remove slide by index. If removeBefore is set true, remove slide preceding index, or the first slide if no index is specified. If removeBefore is set to false, remove the slide following index, or the last slide if no index is set.
| name | type | required |
|---|---|---|
| index | number | yes |
| removeBefore | boolean | no |
Filters slides using jQuery .filter()
| name | type | required |
|---|---|---|
| filter | string or (index: number, element: Element) => any | yes |
Removes applied filtering
| name | type |
|---|---|
| index | number |
Sets an individual value live. Set refresh to true if it's a UI update.
| name | type |
|---|---|
| option | any |
JQuerySlickOptions or undefined
Sets an individual value live. Set refresh to true if it's a UI update.
| name | type |
|---|---|
| option | string |
| value | JQuerySlickOptions |
| refresh | boolean |
After slide change callback
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| currentSlide | number |
Before slide change callback
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| currentSlide | number |
| nextSlide | number |
Fires after a breakpoint is hit
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| breakpoint | number or null |
When slider is destroyed, or unslicked.
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
Fires when an edge is overscrolled in non-infinite mode.
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| direction | string |
When Slick initializes for the first time callback. Note that this event should be defined before initializing the slider.
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
Every time Slick (re-)initializes callback
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
Every time Slick recalculates position
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
Fires after swipe/drag
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| direction | string |
Fires after image loads lazily
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| image | object |
| imageSource | string |
Fires after image fails to load
| name | type |
|---|---|
| event | JQuery.Event |
| slick | JQuerySlick |
| image | object |
| imageSource | string |