Una variable have que contiene una matriz de matrices de objetos como este:
let FooVar: Array<Array<FooObject>> = [] ;quiero recorrerlo dentro de un componente algo como esto
<span v-for="item in FooVar" :key="XXX">¿Qué debo poner dentro del atributo clave?
Como se dice en la documentación .
El atributo especial clave se usa principalmente como una sugerencia para que el algoritmo DOM virtual de Vue identifique los nodos virtuales al comparar la nueva lista de nodos con la lista anterior.
También se utilizará para
El único requisito es que sus llaves no deben tener ningún duplicado.
Los hijos del mismo padre común deben tener claves únicas. Las claves duplicadas causarán errores de renderizado.
En general, la mejor manera es agregar un identificador único al elemento, por ejemplo, una identificación que proviene de la base de datos.
<span v-for="item in FooVar" :key="item.id">Si no tiene ninguna identificación, puede usar el índice del elemento en la lista.
Tenga en cuenta que esto NO está optimizado y vea aquí por qué
<span v-for="(item, index) in FooVar" :key="index">Puedes poner índice:
<span v-for="(item, index) in FooVar" :key="index">