如何使用vue获取nativescript中的元素？

Question

我要获取创建时带有id='item'的Image元素。

我似乎在Google上找不到任何东西。互联网上的大多数教程都使用Typescript，并且始终以page=args.object

开头

export function pageLoaded(args) {
    page = args.object;
    item = page.getViewById("item");
}

Answer 1

您可以为此使用参考。

示例xml：

<StackLayout ~body class="body" row="1">

或：

<StackLayout ref="body" class="body" row="1">

示例代码：

mounted() {
  let body = this.$refs.body;
}

Answer 2

如其他答案的评论中所述：

<StackLayout ref="body" class="body" row="1">

mounted() {
  let body = this.$refs.body;
}

  

您还可以通过访问nativeView的属性来访问它：let   nativeLayout = this.$refs.body.nativeView;

在NativeScript-Vue中，nativeView的{​​{1}}是实际本机平台（iOS / Android）元素/视图的包装元素。

例如，ViewComponent的{​​{1}}是tns-core-modules的nativeView，它具有ref="body"属性，它是实际的本机框架元素（在iOS UIView和android.view.View（在Android上）