V-FOR嵌套V-FOR 怎么取到外面那个的$index

Question

我在v-for里面再用了一次v-for 然后怎么取到外面那个v-for的$index的值 注：$ index放在最里层了
类似这样子的

<div v-for="todo in todos">
    <div v-for="item in list" >
        <span>{{$index}}</span>
    </div>
</div>

Answer 1

兩種方式

可以在 v-for 時，取出索引

<div v-for="(todoIndex, todo) in todos">
    <div v-for="(itemIndex, item) in list" >
        <span>{{$todoIndex}}, {{$itemIndex}}</span>
    </div>
</div>

利用 $parent 取得上層 scope

<div v-for="todo in todos">
    <div v-for="item in list" >
        <span>{{$parent.$index}}, {{$index}}</span>
    </div>
</div>