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

问题描述

问 题

我在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>

解决方案

兩種方式

可以在 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>

这篇关于javascript - V-FOR嵌套V-FOR 怎么取到外面那个的$index的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！