vue.js - 从组件外部访问特殊布局（NativeScript + Vue）

Question

我的应用程序包括：

组件文件夹中的 6 个组件，

库文件夹中的 3 个 JS 文件。

在component_1内部我有一个带有 ref 的布局myLayout，其中一个 JS 文件myLayoutHandler操作myLayout（动画它或其他东西），当这个 JS 文件在component_1中运行时它可以工作。（它使用：this.$refs.myLayout.nativeView 这是我的问题）但是当它在其他组件内部运行时，由于this.$refs.它不会找到myLayout.

那么我怎样才能访问myLayout整个应用程序呢？是否有类似：global.$refs或类似getElementbyId的方法？

标签： vue.jsnativescript

Answer 1

您可以始终使用 {N} 标识元素的方式。在实例上使用id代替ref并调用getViewById(yourId) 。Page

当前页面始终可以从任何元素或框架访问。

编辑：

如果您更喜欢 Vue 的访问方式，您可以使用$root 或 $parent，但是对于当前组件上方的每个父级，您必须将它们链接起来。