UNPKG

vue-glide-js

Version:
117 lines (56 loc) 2.88 kB
# 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.