Events
The events you can listen to:
Prop | When is it fired? |
---|---|
onOpen | On every open of the lightbox. |
onClose | On every close of the lightbox. |
onInit | On the initial open of the lightbox. |
onShow | On every open of the lightbox excluding the initial open. |
onSlideChange Pro | On every slide change of the lightbox. |
To listen to an event, set a desired function to the appropriate prop. The lightbox's instance will be passed as an argument.
<template>
<div>
<FsLightbox
:onSlideChange="action"
/>
</div>
</template>
<script>
import FsLightbox from "fslightbox-vue";
export default {
components: { FsLightbox },
methods: {
action (instance) {
console.log(instance);
}
}
};
</script>