在 nativescript-vue 中以编程方式设置事件监听器答案

【问题标题】：Set event listener programmatically in nativescript-vue在 nativescript-vue 中以编程方式设置事件监听器
【发布时间】：2020-02-26 09:33:14
【问题描述】：

我正在使用 NativeScript Vue 开发我的第一个应用程序，我希望有人可以帮助我解决这里的问题：如何以编程方式为组件设置事件侦听器？在普通的 vue 应用程序中，您会这样做：component.$on('eventName', eventHandler)，但这不起作用。我试图在谷歌中搜索这个问题的答案，但没有结果。谢谢大家

【问题讨论】：

您是否收到任何错误报告？如果是这样，也许您可以与我们分享。
您是否尝试监听 Vue 组件/NativeScript UI 元素上的事件？
我试图使用 '$on' 方法监听 Vue 组件上的事件，但显然，该接口未在 nativescript-vue 插件中实现。没有抛出错误，只是没有工作。我通过使用 nativescript 事件处理程序而不是 vue 的事件处理程序接口解决了我需要的问题。

标签： vue.js nativescript nativescript-vue

【解决方案1】：

我通过使用 nativescript 事件处理程序而不是 vue 的事件处理程序接口解决了我需要的问题。 https://docs.nativescript.org/core-concepts/events

我试图监听页面事件，所以我的代码如下所示：

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

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

【讨论】：

如何访问vueComponent.nativeView ？