我想在JavaScript中监听livewire发出的事件并执行一些操作。JavaScript确实监听了livewire事件，但它不会停止执行。理想情况下，它应该只对每个发出的事件执行一次。这是我的Laravel livewire组件：

protected $listeners = [
        'reportFilterUpdated' => 'reportFilterUpdated',
        'eventListened' => 'eventListened',
    ];

    public function render()
    {
        $this->generateChartData();
        return view('dashboard');
    }

    public function generateChartData()
    {
        // Some other non-related codes
        $this->emit('reportFilterUpdated');
    }

这是我的JavaScript：

document.addEventListener('DOMContentLoaded', () => {

    Livewire.on('reportFilterUpdated', _ => {
        console.log('event listened');
    });
    
});

导致浏览器的控制台（显然，函数不会停止执行）：
dashboard.js:（97）已侦听事件
关于如何使它对每个发出的事件只执行一次，你有什么想法吗？
我希望“事件侦听”只在控制台上打印一次。打印的次数应该取决于从我的组件发出事件的次数。1次发出= 1个控制台日志。希望有人能帮助，非常感谢。