Aquí está el código que estoy usando, aquí están los errores en la salida de la consola:
[Advertencia de Vue]: evite usar un valor no primitivo como clave, use un valor de cadena/número en su lugar.
[Advertencia de Vue]: accesorio no válido: la verificación de tipo falló para el accesorio "eventKey". Cadena esperada, número, matriz obtenida
<a-select option-filter-prop="children" > <a-select-option v-for="(item, i) in branch" :key="i" :value="item.branches" > <span>{{ item.title }}</span> </a-select-option> </a-select></a-col > </a-row> También probé: :key=" ${++i}-${branch} "
y la advertencia sigue apareciendo
en el mismo archivo itero la misma matriz pero para otro propósito. no debería hacer una diferencia, ¿no?
<Collapse v-for="(item, index) in branch" :key="++index"> <a-collapse-panel :header="item.title"> <Collapse v-for="(foo, inde) in item.branches" :key="inde"> <a-collapse-panel :header="foo.title"> <a-row> <a-col> <p>{{ foo.title }}</p> </a-col> <a-col> <p>Hello world</p> </a-col> </a-row> </a-collapse-panel> </Collapse> </a-collapse-panel> </Collapse>pd rápido: El error aparece 15 veces, la misma cantidad de objetos que tengo en sucursales
contenido de la rama:
"region": [ { "title": "xxxxxx", "branches": [ { "title": "xxxxx", "description": "xxxxxxx", "link": "xxxxxxxxxxxxxx" } ] }, ]Así que estaba usando ant design para vue... este marco viene con un componente llamado a-select... esto viene con una función: @change="handleChange", esto recibe un nodo...
Por lo tanto, no pude asignar el valor de un objeto, tiene que ser una cadena o un número, aunque el error no me dirigía al valor, me dirigía a la "Clave".
this.titles = res.subsidiary.region.map((e) => e.title)tuve que mapear el título
<a-select-option v-for="(title, i) in titles" :key="i" :value="title" >iterar título...
y en métodos hice esto:
methods: { handleChange(_, node) { this.show = this.branch[node.key].branches }, },dependiendo del nodo que seas, vas a buscar la ""rama"" que pertenece al propio nodo. entonces muestra tiene la rama que quiero mostrar.
Gracias a @Fabian Skarmeta por la ayuda.