Set event listener programmatically in nativescript-vue

Question

I'm developing my first app using NativeScript Vue and I was hoping someone could help me with an issue here: How do you set an event listener to a component programmatically? In a normal vue app you would do: component.$on('eventName', eventHandler), but that is not working. I tried to get the answer searching the matter in google, but with no results. Thank you all

Do you get any errors reported back you? And if so maybe you could share them with us. — Tsepo Nkalai
– Tsepo Nkalai, Commented Oct 31, 2019 at 4:33
Are you trying to listen to event on Vue Component / NativeScript UI element? — Manoj
– Manoj, Commented Oct 31, 2019 at 6:34
I was trying to listen to an event on a Vue component using the method '$on', but apparently, that interface is not implemented in nativescript-vue plugin. There was no error thrown, just didn't work. I resolved what I needed by using the nativescript event handler instead of vue's event handler interface. — cortezi
– cortezi, Commented Oct 31, 2019 at 13:40

cortezi · Accepted Answer · 2019-10-31 13:49:11Z

1

I resolved what I needed by using the nativescript event handler instead of vue's event handler interface. https://docs.nativescript.org/core-concepts/events

I was trying to listen to a page event, so my code looks something like this:

const Page = require('tns-core-modules/ui/page').Page

const componentPage = vueComponent.nativeView.page
componentPage.on(Page.navigatedFromEvent, myHandlerMethod)

answered Oct 31, 2019 at 13:49

cortezi

213 bronze badges

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

1 Comment

Austris Cirulnieks Over a year ago

How do you access the vueComponent.nativeView ?

Collectives™ on Stack Overflow

Set event listener programmatically in nativescript-vue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related