如何在Laravel递归组件中实现循环索引递增？

要在Laravel递归组件中实现从0开始的全局递增索引，核心是让所有递归调用的组件共享同一个计数器状态。由于PHP的变量默认是值传递，递归组件无法直接共享简单类型的变量，因此我们可以通过**引用类型的变量（数组或对象）**来实现状态共享。

方法一：使用数组作为引用容器 #

1. 修改调用代码 #

初始化一个数组来存储索引值（数组属于引用类型，传递时会共享同一个实例）：

@php
$indexRef = ['value' => 0];
@endphp
@foreach($costs as $cost)
   <x-estimation-item :cost="$cost" :index-ref="$indexRef" />
@endforeach

2. 修改组件代码 #

接收引用数组，先访问当前索引值，再递增计数器，确保子组件拿到下一个序号：

@props([
    'cost',
    'indexRef',
])

<div>
    {{-- 在子节点循环上方访问当前递增值 --}}
    当前项索引：{{ $indexRef['value'] }}

    {{-- 保存当前索引并递增计数器，供后续子组件使用 --}}
    @php
        $currentIndex = $indexRef['value'];
        $indexRef['value']++;
    @endphp

    {{-- 这里可以用$currentIndex执行业务逻辑，比如绑定ID、排序等 --}}

    {{-- 递归渲染子节点 --}}
    @foreach($cost->children as $child)
        <x-estimation-item :cost="$child" :index-ref="$indexRef" />
    @endforeach
</div>

方法二：使用对象作为引用容器 #

如果觉得数组不够直观，也可以用匿名对象来存储索引：

1. 修改调用代码 #

@php
$indexObj = (object) ['value' => 0];
@endphp
@foreach($costs as $cost)
   <x-estimation-item :cost="$cost" :index-obj="$indexObj" />
@endforeach

2. 修改组件代码 #

@props([
    'cost',
    'indexObj',
])

<div>
    {{-- 访问当前递增值 --}}
    当前项索引：{{ $indexObj->value }}

    @php
        $currentIndex = $indexObj->value;
        $indexObj->value++;
    @endphp

    {{-- 业务逻辑代码 --}}

    @foreach($cost->children as $child)
        <x-estimation-item :cost="$child" :index-obj="$indexObj" />
    @endforeach
</div>

原理说明 #

两种方法的核心都是利用PHP的引用传递特性：数组和对象在传递时不会复制新实例，所有递归调用的组件操作的都是同一个计数器变量，因此索引会从0开始持续递增，不会在递归层级中重置。无论你的层级有多少（哪怕9层），都能保证索引全局唯一且连续。

内容的提问来源于stack exchange，提问作者Khayam Khan