如何将Livewire组件中的数据传递至控制器？

我有一个基础的Livewire组件，为了演示做了大幅简化。实际项目里用了日历组件，点击事件会通过emit()把UI数据传给Livewire组件并修改。现在想知道：怎么把Livewire组件里的数据通过foo.store路由提交到FooController的store()方法？

现有代码 #

app/Http/Livewire/Foo.php #

class Foo extends Component
{
    public $foo;

    protected $listeners = [
         'store' => 'store'
    ];

    public function render()
    {
         return view('livewire.foo');
    }

    public function store($data)
    {
         $payload = $this->do_complex_math_on_data($data);
         // ❓ 如何把payload提交到FooController的store()方法？
    }

    private function do_complex_math_on_data($data)
    {
         return 1+1;
    }
}

resources/views/livewire/foo.blade.php #

<div>
   <button>Click me!</button>
</div>

<script>
    document.addEventListener('livewire:load', function() {
        document.querySelector('button').addEventListener('click', () => {
            Livewire.emit('store', data.coming.from.ui);
        });    
    });
</script>

下面提供几种可行的实现方式：

方法1：直接调用控制器方法 #

既然Livewire组件是PHP类，你可以直接实例化FooController并调用其store方法，手动传递请求或数据：

use App\Http\Controllers\FooController;
use Illuminate\Http\Request;

public function store($data)
{
     $payload = $this->do_complex_math_on_data($data);
     
     // 创建模拟请求（适配控制器对Request实例的依赖）
     $request = Request::create(route('foo.store'), 'POST', $payload);
     
     // 实例化控制器并执行存储逻辑
     $controller = new FooController();
     $response = $controller->store($request);
     
     // 可选：给前端发送成功/失败通知
     $this->dispatch('storeCompleted', $response->getContent());
}

方法2：使用Laravel HTTP门面发送请求 #

利用Laravel自带的Http门面发送POST请求到目标路由，适合需要完整HTTP流程验证的场景：

use Illuminate\Support\Facades\Http;

public function store($data)
{
     $payload = $this->do_complex_math_on_data($data);
     
     $response = Http::post(route('foo.store'), $payload);
     
     // 根据响应状态处理组件逻辑
     if ($response->successful()) {
         $this->foo = '数据存储成功';
     } else {
         $this->addError('store', '数据存储失败，请重试');
     }
}

方法3：重定向到路由（适合需要刷新页面的场景） #

如果不需要保留Livewire的AJAX上下文，可以直接重定向到foo.store路由并携带数据：

public function store($data)
{
     $payload = $this->do_complex_math_on_data($data);
     
     // 重定向并携带POST数据（需配合后端接收逻辑）
     return redirect()->route('foo.store')->withInput($payload);
}

• 确保foo.store路由已在routes/web.php或routes/api.php中正确定义
• 如果控制器的store方法依赖用户认证，要保证Livewire组件的上下文已携带有效认证信息
• 修正前端JS代码的语法错误：addEventListener('click', () => {（原代码缺少逗号）

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