如何在 Nativescript-Vue 中直接监听组件根元素上的原生事件？

Posted 2023-04-14

【中文标题】如何在 Nativescript-Vue 中直接监听组件根元素上的原生事件？

【英文标题】：How to listen directly to a native event on the root element of a component in Nativescript-Vue?

【发布时间】：2019-08-09 15:28:50

【问题描述】：

  <GridLayout columns="auto, *" rows="*" @tap="openDrawer">
      <Label text="Edit" @tap.native="goToEdit" col="1"></Label>
  </GridLayout>

一般在 vue.js 中我们使用 .native 后缀来调用原生子组件事件。我在 native-script-vue 中遇到“.native”问题。如果我使用没有“.native”后缀的事件，则父事件和子事件都会触发。我只想触发子元素。

【问题讨论】：

它是 android 特有的吗？

其实我只在android上测试过

【参考方案1】：

本机后缀 (.native) 指定用于自定义组件，以跟踪根元素的事件。如果您将它与上面的Label 等实际元素一起使用，它将默默地失败。它永远不会触发事件。

一般来说，在同一区域周围添加多个点击侦听器并不是最佳做法。