将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作为对v-for的div的支持？

Answer 1

鉴于您的districts数组可通过city.districts使用，我想您可以使用

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

当然，城市中每个区的这些值都相同，但看起来像您想要的。