Data

To use the data values, add a reference to the carousel element and then get the values from the data property.

Example:

<Carousel ref="myCarousel"> ... </Carousel>

import { ref } from 'vue';
const myCarousel = ref(null);

// Data can be accessed under data property
if (myCarousel.data.currentSlide === 10) {
  // Do your magic here
}
....

Available Data

Data	Description
config	the current carousel configuration
currentSlide	current slide index
maxSlide	maximum slide index
middleSlide	middle slide index
minSlide	minimum slide index
slideSize	single slide width or height
slidesCount	slides total count