事件侦听器未从 mount() 方法接收 Laravel Livewire 发射（但在从刀片触发时工作）

Question

我有nested Livewire components，其中“孩子”fires an event 到“父母”。
问题是从孩子的 (mount) 方法触发时它没有到达侦听器。
从子级触发事件时，侦听器可能还不可用？
它在从孩子的刀片上射击时确实有效，使用 wire:click="$emit(...)" 或全局 JavaScript。

我的设置类比：first 方法获取帖子，second 方法获取+管理评论，我想让first 知道页面上有多少 cmets，以便它可以更新计数器.这可以作为我获得评论的 mount() 的一部分来完成。

如何从孩子的 mount() 方法触发事件，和/或其他方式更合适？

First.php

protected $listeners = ['testEmit'];

public function testEmit() {
   Log::info("testEmit listener"); // only received when firing from blade
}

first.blade.php

@livewire('second')

Second.php

    public function buttonClick()
    {
        // works
        $this->emit('testEmit', 'Second (method buttonClick)');
    }

    public function mount()
    {
        // not working (is sent but not received)
        $this->emit('testEmit', 'Second (method mount)');
    }

    public function render()
    {
        // does not work (does work after buttonClick emit)
        $this->emit('testEmit', 'Second (method render)');

        return view('livewire.second')->layout('layouts.guest');
    }

second.blade.php

<div>
    <button wire:click="$emit('testEmit')"> <!-- this works fine -->
</div>
<div>
   <button wire:click="buttonClick">test (calls method)</button>
</div>
<script>
//  Livewire.emit('testEmit') // this works fine
</script>

更新：向 Second.php 和 second.blade.php 添加更多详细信息/示例

Answer 1

对于将来遇到此问题的任何人，我发现此方法可行：

//在*.blade文件中

<script>
    window.addEventListener("DOMContentLoaded", function () {
        Livewire.emit("emit_to_parent");
    });
</script>

//在livewire组件中

protected $listeners = ["emit_to_parent"];

public function emit_to_parent()
{
    $this->emit("foo");
}

作为背景，这个问题解释了为什么它不起作用

Cannot emit events from mount method #598

Answer 2

在这种情况下，我建议只在一个函数中发出代码。

public function mount()
{
    $this->buttonClick();
}

public function render()
{
    $this->buttonClick();
    return view('livewire.second')->layout('layouts.guest');
}

public function buttonClick()
{
    $this->emit('testEmit', 'Second (method buttonClick)');
}