Laravel - 如何在视图中创建（匿名）动态刀片组件

Posted 2023-03-14

【中文标题】Laravel - 如何在视图中创建（匿名）动态刀片组件

【英文标题】：Laravel - how to create (anonymous) Dynamic Blade Components in Views

【发布时间】：2020-09-28 19:50:36

【问题描述】：

使用 Laravel 7 和新添加的刀片组件--

我有一些返回数组的动态字段。在数组内部包含存储为“布局”的每个“组件”，我有一个完全以组件类命名的组件。在我的基本视图中，我正在循环遍历数组并渲染组件：

@if ($page->content)
    //@dd($page->content):
    -- array:1 [▼
        0 => #425 ▼
            +"layout": "wysiwyg"
            +"key": "W0yC0KtNgPV8N4ua"
            +"attributes": #1303 ▼
            +"alignment": "default"
            +"background_color": "default"
            +"text": "<h1>Hello World</h1>"
            
        
        ] --
    @foreach ($page->content as $content)
        <x- $content->layout  :content="$content"/>
    @endforeach
@endif

但是，这不会呈现任何内容（它是空白的）。已编译刀片的源代码显示<x-wysiwyg :component="$content"/>，因此它的行为就像根本没有编译一样。但是，如果我明确更新我的 foreach 循环组件内容：<x-wysiwyg :content="$content"/>，它会工作并呈现组件。

如何动态加载带有值的组件？

【问题讨论】：

我认为这将是 Laravel 解析刀片模板的顺序问题。如果你输入旧式布局@include 是否有效？

【参考方案1】：

这在 Laravel 7 中实际上是不可能的，但很快就会在 Laravel 8 中实现：

https://twitter.com/taylorotwell/status/1265681297286082562

<x-dynamic-component :component="$componentName" class="mt-4" />

编辑：现已发布 - https://laravel.com/docs/8.x/blade#dynamic-components

【讨论】：

这是否适用于匿名组件？

@EugenevanderMerwe 是的，laravel.com/docs/8.x/blade#dynamic-components

非常感谢。当我的组件位于子目录中时我很挣扎，但是当我将它们移动到组件文件夹的根目录时它起作用了。