Laravel 9：如何将变量传递到Blade子组件head中？

问题根源 #

你用<x-slot>传递布尔值$uses_form时，Blade会把该值包装成Illuminate\View\ComponentSlot对象，而非直接传递原始布尔值——因为slot的设计初衷是传递HTML/视图区块内容，不是单纯的变量值。

解决步骤 #

1. 让Layout组件接受uses_form属性 #

如果是匿名组件（无对应PHP类），在components/layout.blade.php开头声明接受的属性：

@props(['uses_form' => false])

如果是类组件（存在app/View/Components/Layout.php），在类中定义属性并配置传递逻辑：

<?php

namespace App\View\Components;

use Illuminate\View\Component;

class Layout extends Component
{
    public $uses_form;

    public function __construct($usesForm = false)
    {
        $this->uses_form = $usesForm;
    }

    public function render()
    {
        return view('components.layout');
    }
}

2. 在start视图中直接向Layout传递属性 #

修改start.blade.php，放弃slot传值，直接给Layout组件传递属性：

<x-layout :uses_form="$data['uses_form']">
    <!-- 此处放置页面主体等原有slot内容 -->
</x-layout>

3. 在Layout中向Head组件传递属性 #

在components/layout.blade.php调用Head组件时，将$uses_form传递过去：

<x-head :uses_form="$uses_form" />

<!-- Layout其他内容 -->

4. 在Head组件中处理属性并判断引入CSS #

在components/head.blade.php开头声明接受属性，添加判断引入逻辑：

@props(['uses_form' => false])

<!-- 原有head内容（如meta标签、基础样式） -->

@if($uses_form)
    <link rel="stylesheet" href="{{ asset('css/form.css') }}">
@endif

这样就能正确传递布尔值，在Head组件中实现是否引入form.css的判断逻辑。

内容的提问来源于stack exchange，提问作者James John McGuire 'Jahmic'