Livewire — родитель не слушает ребенка $emit ⇐ Php

[Anonymous]

У меня есть эти компоненты в livewire, и я хочу вызвать метод прослушивателя в родительском компоненте

Код: Выделить всё

// index.blade.php

[*]




Articles List


@foreach($articles as $article)

@endforeach

Код: Выделить всё

class Index extends Component {

protected $listeners = [
'forTest' => 'handleTest'
];

public function handleTest() {
Log::info('run HandleTest in Index Articles');

}

public function render() {
return view('livewire.articles.index', [
'articles' => Article::latest()->paginate(5)
]);
}
}

Код: Выделить всё

// article-box.blade.php

[h4]
{{ $article->title }}
[/h4]

{{ $article->body }}


like : {{ $article->like }}

like

Код: Выделить всё

class ArticleBox extends Component {

public Article $article;

public function like() {
//$this->article->increment('like');
$this->emit('forTest');
}

public function render() {
return view('livewire.articles.article-box');
}
}

Код: Выделить всё

// header.blade.php

[list]
Home
[*]About
[/list]

Код: Выделить всё

class Header extends Component {

protected $listeners = [
'forTest' => 'myTest'
];

public function myTest() {
Log::info('run myTest in Header');
}

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

Методы myTest и handleTest запускались в первый раз, но после этого метод handleTest в индексном компоненте не работал
также после события forTest() последний элемент статьи попадает в первый элемент как вы можете видеть на изображениях
В чем проблема?




Подробнее здесь: https://stackoverflow.com/questions/787 ... child-emit