Pass parameter while emitting using Vuejs event hub

Question

I have checked similar question, but there is still one thing that is unclear to me:

Can I pass a parameter in emit on event hub, but I need parameter to be VALUE and not the VARIABLE which stores value. So for example: eventHub.$emit('test_emit', true) and the method which is called on test_emit should have it's parameter set on true.

Exactly that, the method I am trying to call should have it's parameter set on true only when called through event hub and in all other cases it should be false. But I am not sure how to get that parameter, when I pass it as value. On the other side I've got eventHub.$on('test_emit', this.functionINeed) — niksrb
– niksrb, Commented Jan 18, 2019 at 21:22

ljubadr · Accepted Answer · 2019-01-18 21:24:04Z

2

From the similar question that you provided, you would just replace name with true when you are emitting event

methods: {
    showModal(name) { this.bus.$emit('showModal', true); },
}

created() {
    // `show` will have the value that you emitted
    this.bus.$on('showModal', (show) => console.log(show);
}

answered Jan 18, 2019 at 21:24

ljubadr

2,2741 gold badge24 silver badges27 bronze badges

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

4 Comments

niksrb Over a year ago

And that true value would be written in show variable?

niksrb Over a year ago

One more thing, how would look the part with eventHub.$off? Do I need to include same variable there or not?

ljubadr Over a year ago

No, you just specify the event name that you want to disable. documentation for $off. So this.bus.$off('showModal') is enough

ljubadr Over a year ago

Because you can add multiple listeners for the same event, this.bus.$off('showModal') will remove all those listeners for showModal event

Walker Leite · Accepted Answer · 2019-01-18 21:22:28Z

1

Sure you can, what you cannot do is to pass more then one variable (like eventHub.$emit('test_emit', true, false) as $emit accepts only one additional parameter (that can be the value or an object containing the key: value associations, also know as payload.

answered Jan 18, 2019 at 21:22

Walker Leite

2231 silver badge7 bronze badges

2 Comments

niksrb Over a year ago

Okay and how to you get it on the other side, where you haveeventHub.$on?

Walker Leite Over a year ago

eventHub.$on('test_emit', theValue => ...); or if you provide a function, the function first parameter will be the value itself, like: eventHub.$on('test_emit', anyFn); anyFn = function(value) { console.log(value) }

Collectives™ on Stack Overflow

Pass parameter while emitting using Vuejs event hub

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related