Livewire能否像普通控制器一样实现双重渲染？

当然可以，Livewire虽以组件为核心，但完全能实现你想要的效果，下面是两种实用方案：

方案1：单组件内切换视图 #

在一个Livewire组件里通过状态变量控制要渲染的视图，和你控制器的写法逻辑类似：

// app/Http/Livewire/HomeComponent.php
namespace App\Http\Livewire;

use Livewire\Component;

class HomeComponent extends Component
{
    public $activeView = 'home.index';

    // 对应你控制器里的dragonCat方法
    public function switchToDragonCat()
    {
        $this->activeView = 'blah.index';
    }

    public function render()
    {
        // 返回包装视图，动态包含目标视图
        return view('livewire.view-wrapper', [
            'currentView' => $this->activeView
        ]);
    }
}

创建包装视图resources/views/livewire/view-wrapper.blade.php：

@include($currentView)

前端可通过Livewire按钮触发方法切换视图：

<button wire:click="switchToDragonCat">切换到DragonCat视图</button>

方案2：多组件对应多视图 #

如果想完全复刻控制器的「路由-方法-视图」结构，可为每个视图单独创建Livewire组件：

// app/Http/Livewire/HomeIndex.php
namespace App\Http\Livewire;

use Livewire\Component;

class HomeIndex extends Component
{
    public function render()
    {
        return view('home.index');
    }
}

// app/Http/Livewire/DragonCatView.php
namespace App\Http\Livewire;

use Livewire\Component;

class DragonCatView extends Component
{
    public function render()
    {
        return view('blah.index');
    }
}

在路由文件中绑定对应关系：

// routes/web.php
use App\Http\Livewire\HomeIndex;
use App\Http\Livewire\DragonCatView;

Route::get('/', HomeIndex::class);
Route::get('/dragon-cat', DragonCatView::class);

访问不同路由即可直接渲染对应视图，和控制器的效果完全一致。

两种方案各有适用场景：方案1适合在同一组件上下文内切换视图（可保留状态不丢失），方案2适合完全独立的页面场景。

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