我想将数据从 Livewire 组件 A 传递到 Livewire 组件 B。目标是在需要时打开社交图标栏。

这是我的设置：

组件 1 类：

<?php

namespace App\Http\Livewire;

use Livewire\Component;


class SocialShareBar extends Component
{
    public $show;
    protected $listeners = ['openSharePopup' => 'openSharePopup'];


    public function mount() {
        $this->show = false;
    }

    public function openSharePopup() {
        $this->show = true;
        $this->emit('openPopup', ['show' => $this->show ]);
    //Hoping to emit to the component B here
    }

    public function render()
    {
        return view('livewire.social-share-bar');
    }

}

组件 B：

<?php

namespace App\Http\Livewire;

use Livewire\Component;


class SharePopup extends Component
{
    public $show;
    protected $listeners = ['openPopup' => 'render'];
   //I have hoping to catch the "emit" event here

    public function render()
    {
        return view('livewire.popups.share-popup', ['show'=> true]);
    }

}

一个组件位于“app.blade.php”主布局文件中，另一个组件位于 Laravel 的 footer.blade.php 中（它本身已传递给 app.blade.php 文件。

每个文件都位于其自己的 Livewire 位置： resources\views\livewire\popups\share-popup resources\views\livewire\social-share-bar

我目前无法在第二个组件中捕获以下事件：

 protected $listeners = ['openPopup' => 'render'];

问题可能是“受保护”的范围？

谢谢！