Cant update delay or transitions

[NMathar]

Hi,

very good vue component that saved me a lot of time but now i have some little problems.

I update the delay or transition of the fluxOptions Object or the fluxTransitions Object but the changes would not be recognized by the vue-flux component.

For example i add a button that changes the delay from 5000 to 10000 but the delay didnt changed.

Regards, NMonst4

[ragnarlotus]

Glad that saved time to somebody.

About your issue its caused because it was not developed with the idea of changing options on the fly. The vue-flux component copies your options values to internal object with default options, that is why is not "reactive".

I'll create a method allowing you to change options, in the meantime use this:

$refs.slider.config.delay = 2000

I think it will do the trick meanwhile.

Thanks for the idea.

[NMathar]

close :D my last try was

this.$refs.slider.options.delay

But YES this works well. Ok now only the last thing i need is the change of transition by a button i think you have done that in your example right?

[ragnarlotus]

About transitions you will not be able to do the same, because it reads the names of transitions when the slider is created.

In case you just want to trigger a transition you can do it like in the example with:

$refs.slider.showImage('next', 'transitionBars3d')

I'll add the method to update transitions 👍

[NMathar]

Sounds great . Thank you

_{Sent with GitHawk}

[ragnarlotus]

If I don't do any more updates this week I will release the version 3.0.0 with the new methods at the end of the week :)

[NMathar]

Hi Deulos,

i think you added the methods setOptions and setTransitions for this purpose right?

If i set the new delay options like this

                this.$refs.slider.setOptions({
                    delay: 100
                });

i get massive errors from your component.

Is this the right way to update the options now or i am doing it false?

Error
`
[Vue warn]: Error in render: "RangeError: Invalid array length"

found in

---> at FluxGrid.vue
at blinds2d.vue
at VueFlux.vue
`

Regards Nico

[ragnarlotus]

Yes, shouldnt give you an error, I will check it and fix it today :).

Sorry for the inconvenience.

[ragnarlotus]

I found the problem, 2 lines were out of place... I will release the npm package this afternoon

[ragnarlotus]

It is released.

Regards!

[NMathar]

Thank you <3 it works like a charm. :)