vue-swimlane
vue-swimlane copied to clipboard
Can provide a way to achieve loop
as title
circular
option is intended for the same purpose. Set it to true to start from top again and false if you want to start list in reverse when completed.
Let me know if it serve the purpose.
I know circular
, what i mean is the seamless loop,not back to the top. Such as when the first loop end, copy the loop data and push it.I have tried to modify your code but failed.
Now I understand, but currently it is not possible. I will add this in next version.
Any update on loop? Thanks @mubaidr
I do plant to push this feature over the coming days. Stay tuned!
Great! Can you tell me what's your thoughts? How to copy the loop data and push it? Many thanks
This should work:
- Use computed list instead of directly rendering
prop
words - Add new option
continuous
to component as prop - If the new option (continuous) is true then on completion (final item), slice all the items from the list and insert into array at the end. https://github.com/mubaidr/vue-swimlane/blob/master/src/component/vue-swimlane.vue#L155
You are most welcome to try and implement this, It would be appreciated. 👍
@FreezingRiver
I probably know how to do it.But I have too much work to do this month , I will try after the work is done.
I have cleaned and refactor the plugin code to improve readability and major layout refinements.
Continuous option can be implemented here: https://github.com/mubaidr/vue-swimlane/blob/master/src/component/vue-swimlane.vue#L156
Continuous option is implemented but the animation breaks for this option. Seems like have to opt for Vue
transitions for this.
Hi, any update?
Please use the continous
option for this effect.