如何在Volt/Blade中向布局函数传递数据变量？

方案1：直接通过layout()函数传递变量 #

在register.blade.php中，直接将布局所需变量作为第二个参数传入layout()函数，键名与布局中的变量名一一对应：

<?php
layout('layouts.app', [
    'htmlClass' => ['h-full'],
    'bodyClass' => ['dark:bg-slate-900', 'bg-orange-600', 'flex', 'items-center'],
]);
?>

你的app.blade.php中已有的默认值处理逻辑（$bodyClass??= []）可以正常工作，会自动合并你传递的类数组和布局中默认的another utility class。

方案2：使用视图共享变量 #

如果需要复用$dataToLayout数组，可通过view()->share()将数组内的变量共享给布局：

<?php
$dataToLayout = [
    'htmlClass' => ['h-full'],
    'bodyClass' => ['dark:bg-slate-900', 'bg-orange-600', 'flex', 'items-center'],
];

// 遍历数组，将每个键值对共享为独立的视图变量
foreach ($dataToLayout as $key => $value) {
    view()->share($key, $value);
}

layout('layouts.app');
?>

这种方式下，app.blade.php可直接访问$htmlClass和$bodyClass变量，无需修改原有布局代码。

方案3：Volt组件公共属性传递（适用于Volt组件场景） #

如果register.blade.php是Volt组件文件，可定义公共属性，布局会自动继承组件的公共属性：

<?php
use Livewire\Volt\Component;

new class extends Component {
    // 定义公共属性
    public array $htmlClass = ['h-full'];
    public array $bodyClass = ['dark:bg-slate-900', 'bg-orange-600', 'flex', 'items-center'];
};
?>

{{-- 组件内容 --}}
<div>
    <!-- 注册表单内容 -->
</div>

此时app.blade.php中的$htmlClass和$bodyClass会直接获取组件中定义的值，配合原有合并逻辑即可正常渲染类名。

原方法无效的原因 #

你之前尝试的layout('layouts.app', [...])无效，大概率是变量传递结构不匹配：

• 若传递的是['dataToLayout' => $dataToLayout]，布局中需访问$dataToLayout['htmlClass']而非直接$htmlClass
• 正确的传递方式是将布局所需的htmlClass、bodyClass作为顶层键，传入layout()的第二个参数数组中

内容的提问来源于stack exchange，提问作者Bruno Mangilli