VueJS Components array ( for sorting )

Recently I have to use vue-draggable for existing components which are acting as dashboard widgets. Drag and Drop feature worked well. But after User sort the order of the widgets, I had to save the sorting order to the DB in order to retrieve the widget order when the user logged in to the system next time.

So my initial code was like this.

I have tried to use the few ways but one of my colleague (Uthpala) passed me this link.

Array of Components?

Also with some exploration I got this resource also

Passing props dynamically to dynamic component in VueJS

Finally I managed to fix my problem using below code snippet.

I hope some vueJS dev can get help from this.

Thank goes to

Uthpala Heenatigala - Medium

lomholdt

LinusBorg

User Saurabh

User Yauheni Prakopchyk

User damienix