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

Question

我的应用包含：

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

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

在 component_1 内，我有一个参考编号为myLayout的版式， 这些JS文件之一myLayoutHandler操纵myLayout（对其进行动画处理或其他填充），当此JS文件在 component_1 中运行时，它将起作用。 （它使用：this.$refs.myLayout.nativeView ，这是我的问题），但是由于this.$refs.在其他组件中运行时，找不到myLayout。

那我如何在整个应用程序中访问myLayout？是否有诸如 global。$ refs 之类的东西，或诸如 getElementbyId 之类的方法？

Answer 1

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

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

编辑：

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