Why is data value undefined inside of 'Event Bus'?

Asked Feb 09 '19 at 19:51

Active Feb 09 '19 at 19:51

Viewed 57 times

    data() {
        return {
          cr: "", // Current route
          isAdmin: false
        };
      },        

created() {
        this.cr = this.$router.currentRoute.name;
        console.log(this.isAdmin); // false
        EventBus.$on("logged", function() {
          console.log(this.isAdmin); // undefined
          console.log("isAdmin true!"); // logs just fine!
        });
      }

This is part of a Vue app where I use an 'Event Bus' as outlined here.

As shown in the inline comments in this code, inside created(), I get a value for this.isAdmin. However, inside of the Event Bus callback, that same value is undefined ❓

asked Feb 09 '19 at 19:51

CodeFinity

1,142
2
19
19

I am assuming there is some issue with what `this` is inside of that EventBus callback? – CodeFinity Feb 09 '19 at 19:54
Yes, I C that doing `this` is different context inside of Event Bus......`console.log(this)` – CodeFinity Feb 09 '19 at 19:58
1

You need an arrow function for the `EventBus.$on("logged", () => { })`. – Yom T. Feb 09 '19 at 19:59
Yeah, believe or not, I was just coming in here to post that as the solution. In this case we don't want any 'messing with' of `this` so _fat arrow fxn._ is – CodeFinity Feb 09 '19 at 20:03

Why is data value undefined inside of 'Event Bus'?

0 Answers0