laravel - Vue - 监听动态创建的频道名称

Question

我正在尝试集成基于 Laravel-Vue-Pusher 的通知，并且laravel 的广播文档非常有帮助。

所以我们创建了一个 laravel event，trigger and broadcast它在一个Pusher频道上。

在 Javascript 方面，我们Echo用来监听事件广播。

以下是文档中的一些示例代码：

Echo.private(`order.${orderId}`)
    .listen('ShippingStatusUpdated', (e) => {
        console.log(e.update);
    });

我尝试在 Vue 中使用它，它抛出了一个ReferenceError: orderId is not defined.

在 Laravel 方面，这是event在该频道上播放的内容：

public function broadcastOn()
{
    return new PrivateChannel('order.'.$this->order->id);
}

事件成功触发，并且它也被登录到 Pusher Dashboard。

但我无法弄清楚为什么我orderId在 Vue 中丢失了错误。任何帮助，将不胜感激。