Laravel 7中如何在视图中动态加载带参数的Blade组件

你遇到的问题核心在于：Blade的<x-*>组件语法是编译阶段解析的。当你用<x-{{ $content->layout }}>这种动态拼接的写法时，Blade编译器在编译模板的阶段还无法识别变量对应的组件名称，只会把它当成普通HTML标签处理，所以运行时输出的是未编译的标签内容，自然没法渲染组件。

下面给你两种可行的解决办法，适配不同类型的组件：

方法一：使用@component指令（兼容匿名/类组件） #

@component指令支持运行时动态解析组件名称，刚好适配你的场景。只需要把组件名称拼接成视图路径格式（默认Blade组件存放在resources/views/components目录下，所以用components.组件名的格式）：

@if ($page->content) 
    @foreach ($page->content as $content) 
        @component("components.{$content->layout}")
            @slot('content', $content)
        @endcomponent
    @endforeach 
@endif

如果你的组件是自定义命名空间的类组件，只需要把components.{$content->layout}替换成组件的完整视图别名或者类的完全限定类名即可。

方法二：直接实例化组件类（针对类组件） #

既然你提到组件类名和layout字段完全一致，那可以直接通过类名实例化组件并调用render方法，这种方式更直接，适合带业务逻辑的类组件场景：

@if ($page->content) 
    @foreach ($page->content as $content) 
        <?php
        // 替换成你的组件类所在的命名空间，默认是App\View\Components
        $componentClass = "App\\View\\Components\\{$content->layout}";
        echo app($componentClass)->render(['content' => $content]);
        ?>
    @endforeach 
@endif

效果验证 #

两种方法都能正确解析动态组件名称，并把$content参数传递给组件。你可以根据组件类型选择：如果是纯视图的匿名组件，优先用方法一；如果是带逻辑的类组件，两种方法都适用，方法二更灵活。

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