如何从另一个组件重新加载一个 livewire 组件？

Question

我有名为 TopicSolution、AddToCart 和 CartCounter 的组件。单击“添加到购物车”按钮后，我想更新 CartCounter 值，但购物车计数器未更新。

1. 我有一个名为 topic-solutions 的 livewire 组件，它位于 livewire 文件夹中，该组件还有另一个名为 add-to-cart 的组件，位于 livewire > cart 文件夹中（注意：它有父 div）

   see code

2. 添加到购物车组件的视图具有此代码

   加入购物车

3. 当点击添加到购物车按钮时，它会发出 updateCartCounter，这是 livewire>cart 中的另一个组件

   $this->emit('updateCartCounter');

4. 并且 CartCounter 有名为 updateCartCounter 的侦听器

   受保护的 $listeners = [ 'updateCartCounter' => '渲染' ]; 我也尝试了以下代码

   受保护的 $listeners = [ 'updateCartCounter' => '$refresh' ];

但是没有用。 CartCounter 组件没有刷新/重新加载。

Answer 1

正如@Quirel 向您建议的那样，您可以直接在侦听器中使用魔术方法“$refresh”。测试它开发这样的方法

protected $listeners = [
    'cartCounterUpdate'
];

public function cartCounterUpdate()
{
   dd('the event was emited');
}