Vuejs, Get content of a $event.emit

Question

I'm trying to get the content of a $event.emit, as below. In the first console.log, inside the function comes the content. Leaving the function, not the console.log of the variable.

mounted () {
  this.$events.on('emitEvent', function (eventData) {
    this.line = _.cloneDeep(eventData)
    console.log('1', this.line)
  })
  console.log('2', this.line)
}

I am using this package for event handling.

in the first console.log, shows the contents of the object. In the second console.log, out of function, returns nothing to me — usr123123, Oct 03 '19 at 16:43
Here context of `this` is different than vue component. So to access your data property you can use closure instead of function — Mostakim Billah, Oct 03 '19 at 16:48
Are you using [this package](https://github.com/cklmercer/vue-events)? As far as I know, there is no `$events` object in a default Vue instance... — Vince, Oct 03 '19 at 16:50
If the solutions below don't work, I suspect that the problem is not in the event listener, but in the code that fires the event. Can you show us where you're firing the event `emitEvent`? — Vince, Oct 03 '19 at 16:58
maybe im missing something but why would the second console.log print anything? you just setup the event listener the event didnt trigger yet. — Chris Li, Oct 03 '19 at 17:40

score 0 · Answer 1 · answered Oct 03 '19 at 16:39

0

Try doing it like this:

mounted() {
   var $that = this;

   this.$events.on('emitEvent', function (eventData) {
        $that.line = _.cloneDeep(eventData);
        console.log('1', $that.line);
   })

   console.log('2', this.line);
}

answered Oct 03 '19 at 16:39

T. Short

3,481
14
30

score 0 · Answer 2 · answered Oct 03 '19 at 16:50

0

this should work:

this.$events.on('emitEvent', (eventData) => {
    this.line = _.cloneDeep(eventData)
    console.log('1', this.line)
  })
  console.log('2', this.line)
 }

answered Oct 03 '19 at 16:50

Mostakim Billah

136
6

Vuejs, Get content of a $event.emit

2 Answers2