如何在Livewire 3懒加载占位符中使用Laravel组件

问题原因 #

Livewire的placeholder()方法默认返回纯字符串，Blade组件标签（如<x-skeleton />）不会被自动编译解析，因此直接返回时无法渲染；而直接写HTML字符串会被直接输出，所以能正常显示。

解决方案 #

方法1：用Blade门面手动渲染组件 #

在Livewire类中引入Blade门面，调用其render()方法解析组件标签：

use Illuminate\Support\Facades\Blade;
use Livewire\Component;

class YourLivewireComponent extends Component
{
    public function placeholder()
    {
        return Blade::render('<x-skeleton />');
    }

    // 其他业务方法...
}

方法2：直接渲染组件对应视图文件 #

自定义Laravel组件对应resources/views/components/目录下的视图文件（比如skeleton.blade.php），可直接用view()助手函数渲染并返回：

use Livewire\Component;

class YourLivewireComponent extends Component
{
    public function placeholder()
    {
        return view('components.skeleton')->render();
    }

    // 其他业务方法...
}

两种方式都能让Livewire正确解析并渲染自定义Laravel组件，保留组件的复用性优势。

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