Carousel broke on ajax call

[pushkarp-nimblechapps]

I am facing a wired issue that on initial load carousel working fine but after using pagination and load data using ajax. carousel not working.

How can i re-render carousel after content load?

Why this issue occur on ajax calling?

I have tried some solutions previously, but not success.

Please give some solution.

[pushkarp-nimblechapps]

Found the solution: use :key="carouseKey" in define it as data data() { return { carouselKey: 1 } }

use increase in function which trigger after Ajax call and render content. It will re-render the VueSlickCarousel component every time when key change.

function ajax() { this.carouselKey += 1; }