vue-socket.io Uncaught TypeError: Cannot read property of undefined

Question

I am trying to call data from my Sockets object in a Vue component.

data() {
  return {
    message: []
  }
},
sockets: {
  chatMessage: data => {
    console.log(data); //-> my data from server
    console.log(this); //-> undefined 
    console.log(this.message); //-> Uncaught TypeError
  }
}

I'm successfully emitting and receiving the message event from the server because I'm getting data. But I don't know why I can't get the message prop from data.

Here are the docs from the library. https://github.com/MetinSeylan/Vue-Socket.io

axecopfire · Accepted Answer · 2019-12-03 18:48:19Z

1

The answer I found was to be that I was using fat arrow functions and so I wasn't binding this.

All I changed was:

sockets: {
  chatMessage: function(data){
    //-> returns what I needed
  }
}

answered Dec 3, 2019 at 18:48

axecopfire

6929 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue-socket.io Uncaught TypeError: Cannot read property of undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related