如何将数据从 Livewire 组件发送到 controller？

Question

我有一个非常基本的 Livewire 组件。 我知道，有一个wire:click ，但我非常简化它，手工给你一些东西。 在我的真实应用程序中，有一个日历组件，当您单击一个事件时，它会触发emit()并将数据从 ui 发送到 Livewire 组件，并在其中进行修改。

我的问题是：如何将这些数据从 Livewire 组件发布到foo.store路由？

应用程序/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);
         // ❓ post payload to FooController's store() function - HOW?
    }

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

资源/视图/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>

Answer 1

From your prospect of the controller, as Peppermintology stated, there are two types of controller, one is a standard Laravel controller and the second is a Livewire component controller, from there you have to understand that the livewire controller lifecycle is detached from Laravel. it作为瀑布工作，您可以将数据从 Laravel controller 注入到 Livewire 组件，但是从 Livewire 到 Laravel 标准组件您不能，尽管您可以在 livewire 生态系统之间传递数据，例如从父组件到子组件，反之亦然

像下面一样

$this->emitUp('postAdded');

或者

<button wire:click="$emitUp('postAdded')">

您可以在 livewire嵌套组件中阅读有关嵌套组件的更多信息，以及有关事件事件的信息