Transition options not working
Closed this issue · 1 comments
crazydrummer81 commented
Transition works great, transitionOptions not working.
What am I doing wrong?
<vue-flux
:options="vfOptions"
:images="vfImages"
:transitions="vfTransitions"
:transitionOptions="vfTransitionOptions"
>
</vue-flux>
<script>
import { VueFlux } from "vue-flux";
export default {
name: "Hero",
components: {
VueFlux,
},
data() {
return {
vfOptions: {
autoplay: true,
delay: 3000,
aspectRatio: this.$store.getters.isMobile ? '2:3' : '16:9',
},
vfTransitionOptions: {
transitionFade: {
totalDuration: 200,
easing: "ease",
},
},
vfImages: [
"/wp-content/themes/vue/assets/images/slider/home-slider-1.png",
"/wp-content/themes/vue/assets/images/slider/home-slider-2.png",
"/wp-content/themes/vue/assets/images/slider/home-slider-3.png",
],
vfTransitions: ["fade"],
};
},
};
</script>
In DevTools Elements html looks like:
<div class="vue-flux" transitionoptions="[object Object]" style="width: 406.467px; height: 609.701px;">
ragnarlotus commented
Hello and sorry for the delay, you can see the way to set the transition options here: https://ragnarlotus.github.io/vue-flux-docs/v6/components/vue-flux.html#transition-options
Regards