laravel-echo - 通过 Nuxtjs 中的 Laravel Echo 获取实时 Pusherjs 连接状态

Question

我想在 NuxtJs 页面中检查Pusherjsfrom的连接状态。$echo

当我使用：

mounted(){
   this.connection = this.$echo.connector.pusher.connection.state;
}

它可以工作，但它只设置初始连接状态，connecting它是静态的。

但是当我使用：

computed:{
   connection: this.$echo.connector.pusher.connection.state
}

它返回错误：

TypeError
Cannot read property '$echo' of undefined

那么如何实时通知连接状态呢？

Answer 1

我找到了解决方案：

this.$echo.connector.pusher.connection.bind("state_change", (states) => {
   // states = {previous: 'oldState', current: 'newState'}
});

参考： https ://pusher.com/docs/channels/using_channels/connection#binding-to-all-state-changes