Рендеринг списка внутри другого и использование переменных

Question

Я хочу отобразить 2 списка один вложенный внутри другого, но я не могу использовать переменную родительского списка внутри вложенного. Где я могу сделать ошибку здесь?

<v-card
        v-for="n in lengthI"
.
.
<v-card
        v-for="image in images.n"

мой объект изображения,

images:{one:[{flex: 12, src:'https://i.ibb.co/mHNXycQ/Filler.png', title:'kuzey cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'güney cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'batı cephe'}], two:[{flex: 12, src:'https://i.ibb.co/mHNXycQ/Filler.png', title:'kuzey cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'güney cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'batı cephe'}], three:[{flex: 12, src:'https://i.ibb.co/mHNXycQ/Filler.png', title:'kuzey cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'güney cephe'}, {flex: 6, src:'https://i.ibb.co/QYvByD3/cephe.png', title:'batı cephe'}]}

Answer 1

Вложенные списки довольно просты, так как имена переменных должны быть уникальными и обязательно назначить атрибут key для каждого:

<v-card v-for="(n, i) in items" :key="'item' + i">
  <v-card v-for="(image, k) in n.images" :key="'image' + k">

     // do stuff here

  </v-card>
</v-card>

Надеюсь, это поможет.