Vue嵌套v-for，获取parent的索引

Question

我有一个嵌套的 v-for，基本上，我想获取 parent v-for 的索引并在 child v-for 中使用它

<template v-for="(branch, index) in $store.state.agency.branch_users.users">
    <table  class="table" id="agency-contact-table" >
        <thead>
            <tr>
                <th aria-colindex="1" class="">#</th>
                <th aria-colindex="1" class="">Name</th>
            </tr>
        </thead>
        <tbody>
            <tr v-if="branch.role_users" v-for="(branch_users, index) in branch.role_users">
                <td>{{$parent.$index}}</td>
                <td>{{branch_users.user.first_name}} {{branch_users.user.last_name}}</td>
            </tr>
        </tbody>
    </table>
</template>

我尝试使用 $parent.$index，但它仍然不起作用。它没有显示任何错误，但也没有数据。我应该怎么做才能在我的 parent v-for 中获得 index？

Answer 1

只需用另一个名称定义另一个索引，或将第一个命名为 parent_index

<template v-for="(branch, parent_index) in $store.state.agency.branch_users.users">
    <table  class="table" id="agency-contact-table" >
        <thead>
            <tr>
                <th aria-colindex="1" class="">#</th>
                <th aria-colindex="1" class="">Name</th>
            </tr>
        </thead>
        <tbody>
            <tr v-if="branch.role_users" v-for="(branch_users, index) in branch.role_users">
                <td>{{parent_index}}</td>
                <td>{{branch_users.user.first_name}} {{branch_users.user.last_name}}</td>
            </tr>
        </tbody>
    </table>
</template>

Vue嵌套v-for，获取parent的索引

Vue nested v-for, get index of parent

vue.js

vuex

vuejs2