I'm currently attempting to pass an array to the Draggable Vue component. The array is being generated dynamically from an inside loop, but I keep encountering the error message: Invalid prop: type check failed for prop "list". Expected Array, but received String with value "arrOne" when trying to assign the array to :list
The script for rendering and assigning the array is as follows:
<draggable
class="list-group mttr_kt-block"
:list="'arr'+item.code" //where the output of item.code is **One**, resulting in the final array being **arrOne**
group="tasks">
</draggable>
The above code is causing an exception and isn't functioning as expected. However, if I manually assign a hard-coded array like so, it works fine:
<draggable
class="list-group mttr_kt-block"
:list="arrOne" //this is the hard-coded **arrOne**
group="tasks"gt;
</draggable>
It's important to note that the array arrOne has already been declared within the Vue scripts, so there shouldn't be any issues with declaration.
Thank you in advance for your assistance. Please let me know if you require any additional information from my end.