Get real time Pusherjs connection state via Laravel Echo in Nuxtjs

Question

I want to check the connection state of Pusherjs from $echo in NuxtJs page.

when I use:

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

It works but it only set the initial connection status which is connecting and it's static.

But when I use:

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

It returns error:

TypeError
Cannot read property '$echo' of undefined

So how can I be notified about connection status real time?

score 0 · Accepted Answer · answered Aug 26 '20 at 12:24

I found the solution:

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

1 Answers1