vue-glide-js
Version:
Vue component on top of the Glide.js
117 lines (56 loc) • 2.88 kB
Markdown
# Events
Vue Glide provide Glide.js event with prefix `glide:` and replace dot to dash. Also Vue Glide provide one custom event for click by slide.
## glide:mount-before
Called before first mounting begins. However, the mounting phase has not been started, and components are not bootstrapped yet.
## glide:mount-after
Called right after first mounting. All components have been mounted.
## glide:update
Called right after updating settings with `glide.update()` API method.
## glide:play
Called right after starting an instance with `glide.play()` API method.
## glide:pause
Called right after stopping instance with `glide.pause()` API method.
## glide:build-before
Called right before setting up a slider to its initial state. At this point, classes, translations, and sizes are applied.
## glide:build-after
Called right after setting up a slider to its initial state. At this point, classes, translations, and sizes are applied.
## glide:run-before
**payload**: `{Object} move`
Called right before calculating new index and making a transition. The movement schema `(eg. =1)` string has been parsed.
## glide:run
**payload**: `{Object} move`
Called right after calculating new index and before making a transition. The movement schema `(eg. =1)` string has been parsed.
## glide:run-after
**payload**: `{Object} move`
Called after calculating new index and making a transition. The movement schema `(eg. =1)` string has been parsed.
## glide:run-offset
**payload**: `{Object} move`
Called after calculating new index and making a transition, while we did an offset animation. Offset animation take place at two moments:
- changing slide from first to the last one
- changing slide from last to the first one
## glide:run-start
**payload**: `{Object} move`
Called right after calculating the new index, but before making a transition, while we did a rewinding to the start index.
## glide:run-end
**payload**: `{Object} move`
Called right after calculating the new index, but before making a transition, while we did a rewinding to the last index.
## glide:move
**payload**: `{Number} movement`
Called right before movement transition begins.
## glide:move-after
**payload**: `{Number} movement`
Called right after movement transition ends.
## glide:resize
Called when the window is being resized. This event throttled.
## glide:swipe-start
Called right after swiping begins.
## glide:swipe-move
Called during swiping movement.
## glide:swipe-end
Called right after swiping ends.
## glide:translate-jump
**payload**: `{Number} movement`
Called right before a translate applies, while we doing a jump to the first or last slide from offset movement. This event is only used when a type is set up to `carousel`.
## glide:slide-click
**payload**: `{Number}` - index of the slide
Called right after clicking on the slide.