How to extract values from an event in Vue.js?

Question

Within Vue.js I am firing an event like this:

this.$emit("change", this.data);

The parent receives that data and every time the event is an object. But the event consists of values and an observer. For example:

{
  data: ['Joe Doe'],
  __ob__: Observer
}

How can I just keep grabbing all the values from an object and skip the __ob__ part?

Estus Flask · Accepted Answer · 2021-07-17 08:55:12Z

1

Considering that an event is an object with data key, the payload can be accessed as event.data.

__ob__ is non-enumerable property used by Vue reactivity, it's displayed in dimmed color in console output:

Non-enumerable keys are commonly ignored when object keys are indirectly accessed - for..in, Object.key, JSON.stringify, etc. __ob__ doesn't affect the way reactive object is used, unless the property is directly accessed, which shouldn't be done without valid reasons.

edited Jul 17, 2021 at 8:55

answered Jul 17, 2021 at 8:49

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

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

2 Comments

Estus Flask Over a year ago

Can you clarify? If this.data is an object with data, and you need event listener to receive data only, it could be this.$emit("change", this.data.data). But this isn't related to __ob__, this key doesn't affect anything.

Vlad Vladimir Hercules Over a year ago

It makes sense now... I got confused the first time round due to storing incorrectly formatted event, due to which my tries using Object didn't work.

Collectives™ on Stack Overflow

How to extract values from an event in Vue.js?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related