在Livewire视图中使用compact方法为何报错？如何修复？

问题场景 #

在Laravel+Livewire项目中，原本通过键值对方式向Blade视图传递参数运行正常：

class CrudAppImages extends Component
{
    ...
    public function render()
    {
        $appImageRowsCount = AppImage
            ::getByTitle($this->filters['title'], $this->filters['extended_search'])
            ->count();

        $backendPerPage = (int)Cache::get("backend_per_page", 20);
        $appImageDataRows = AppImage
            ::orderBy('created_at', 'desc')
            ->with('creator')
            ->getByTitle($this->filters['title'], $this->filters['extended_search'])
            ->paginate($backendPerPage);

        return view('admin.app-images.crud-app-images', [
            'appImageDataRows' => $appImageDataRows,
            'appImageRowsCount' => $appImageRowsCount
        ])->layout('components.admin');
    }
}

但改用compact传递参数时，Blade页面报错：Undefined variable $appImageRowsCount，错误写法如下：

return view('admin.app-images.crud-app-images', [
    compact('appImageDataRows', 'appImageRowsCount')
])->layout('components.admin');

环境版本：

"laravel/framework": "^10.45.1",
"livewire/livewire": "^3.4.6",

错误原因 #

compact函数本身返回的就是一个关联数组，它会将传入的变量名作为键，变量值作为对应的值。而你错误地将compact的返回值又包裹在了一个外层数组中，导致传递给视图的是一个二维数组：

// 错误写法生成的结构
[
    [
        'appImageDataRows' => $appImageDataRows,
        'appImageRowsCount' => $appImageRowsCount
    ]
]

这种情况下，Blade视图无法直接获取到根层级的$appImageRowsCount变量，自然会报未定义错误。

修复方法 #

直接将compact的返回值作为view方法的第二个参数即可，不需要额外包裹数组：

return view('admin.app-images.crud-app-images', compact('appImageDataRows', 'appImageRowsCount'))->layout('components.admin');

如果需要同时传递compact生成的参数和其他自定义键值对参数，可以使用array_merge合并数组：

// 示例：添加额外参数
$extraParam = 'some value';

return view('admin.app-images.crud-app-images', array_merge(
    compact('appImageDataRows', 'appImageRowsCount'),
    ['extraParam' => $extraParam]
))->layout('components.admin');

内容的提问来源于stack exchange，提问作者Petro Gromovo