Estoy tratando de pasar la matriz al componente Draggable Vue. La matriz se genera dinámicamente desde el bucle interno, pero recibe el error Prop no válido: la verificación de tipo falló para la "lista" de prop. Matriz esperada, se obtuvo una cadena con el valor "arrOne" al asignar la matriz a : lista
representación de matrices y secuencia de comandos de asignación:
<draggable class="list-group mttr_kt-block" :list="'arr'+item.code" //here output of item.code is **One** , final array will **arrOne** group="tasks"> </draggable>Los códigos anteriores arrojan la excepción y no funcionan como se esperaba, pero si asigno una matriz codificada de la siguiente manera, funciona bien:
<draggable class="list-group mttr_kt-block" :list="arrOne" //this hard coded **arrOne** group="tasks"> </draggable>Nota: la matriz arrOne ya se declaró dentro de los scripts de Vue, no hay problema con la declaración.
Gracias de antemano por tu ayuda. Por favor, hágame saber si se necesita información adicional de mi parte.
Supongo que arrOne y otras matrices están definidas en data() . Si es así, puedes usar estos:
<draggable class="list-group mttr_kt-block" :list="getArray(item.code)" group="tasks"> </draggable> data() { return { arrOne: [1, 2], arrTwo: [3, 4], }; }, methods: { getArray(name){ return this.$data['arr' + name]; } },