Как получить доступ к данным родительского массива при использовании v-for с массивом в массиве?

Question

Моя структура данных выглядит следующим образом:

city: [
{
  foo1: 0,
  foo2: "Family",

  districts: [
    {
      bar1: 0,
      bar2: "event1",
    }
  ]
},

Мой V-for выглядит следующим образом.

<div v-for="district in city.districts" :bar1="district.bar1" :foo="???"></div>

Как я могу передать foo1 и foo2 изродительский массив как опора для div v-for?

Answer 1

Учитывая, что ваш массив districts доступен через city.districts, я бы сказал, что вы можете использовать

<div v-for="district in city.districts"
     :bar1="district.bar1" :foo1="city.foo1" :foo2="city.foo2">
</div>

Конечно, эти значения будут одинаковыми для каждого района в городе, но это похоже на то, что вы хотите.