Как отследить socket.io соединение?

Question

[Ришат Султанов]

Добрый вечер, господа!
В компоненте пытаюсь отследить состояние сокета, и выводить notification о статусе соединения.

<template>

</template>
    
<script>
    export default {
        name: "MessageComponent"
    };
    var vm = new Vue({
        sockets:{
            connect: function(){
                this.$vs.notify({title:'Соединение',text:'Вы успешно подключились к чату!',color:'success',position:'bottom-center'});
            }
        },
    });
</script>

<style scoped>

</style>

Как вывести то что вы потеряли соединение с сокетом?

Failed to load resource: net::ERR_CONNECTION_REFUSED

Answer 1

[Ришат Султанов]

Нашел статусы observer и отловил ошибку так. Кому интересно можете посмотреть все другие статусы в доках :)

export default {
        mounted() {
            var vm = new Vue({
                sockets:{
                    connect: function(){
                        this.$vs.notify({title:'Соединение',text:'Вы успешно подключились к чату!',color:'success',position:'bottom-center'});
                    },
                    connect_error: function(){
                        this.$vs.notify({title:'Соединение',text:'Ошибка сервера, не могу подключить к чату!',color:'danger',position:'bottom-center'});
                    }
                }
            });
        }
    }

Answer 2

[pingo]

watch : {
     status : (vol) => {
       if(vol == 'ERR_CONNECTION_REFUSED'){
             this.do(something)
           }
      }
}

Comments

[Ришат Султанов]

Не помогло.