Open joannesalfa opened 3 years ago
You can force Vue to rerender the carousel when the content of the slider change. To do it you will need to watch the change of the content.
...
<VueSlickCarousel
v-bind="settings"
:key="carouselKey"
>
<custom-component
v-for="(item, index) in services"
/>
</VueSlickCarousel>
...
watch: {
services() {
this.forceRerender()
},
},
methods: {
forceRerender() {
this.carouselKey += 1
},
},
...
Hi, i got this message after change the key and try to change slide
Error in v-on handler: "TypeError: Cannot read property 'goTo' of undefined"
refers to line: this.$refs.innerSlider.goTo(slide, dontAnimate);
Note: this cause error only when you have 2 carousel asNavFor and update the :key value
@MemoRodMx Hi, how did you solve the problem with Error in v-on handler: "TypeError: Cannot read property 'goTo' of undefined" I have two carousel with asNavFor and after change data carousel return this error. Thanks.
you can replace goto method with initialSlide aand initialSlide is dynamic state
Why is there an event "reInit"? there is no reset or update method!