web-dev-qa-db-ja.com

vueを使用してnativescriptの要素を取得する方法は？

id='item'がオンのImage要素を作成したい。

Googleで何も見つからないようです。インターネット上のチュートリアルのほとんどはTypeScriptを使用しており、常にpage=args.objectで始まります

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

これには屈折を使用できます。

サンプルxml：

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

または：

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

サンプルコード：

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

他の回答のコメントで述べたように：

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

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

また、そのプロパティにアクセスすることでnativeViewにアクセスできます。let nativeLayout = this.$refs.body.nativeView;

NativeScript-Vueでは、nativeViewのViewComponentは、実際のネイティブプラットフォーム（iOS/Android）要素/ビューのラッパー要素です。

たとえば、ref="body"のnativeViewは tns-core-modules のStackLayoutであり、nativeViewProtectedプロパティがあります。実際のネイティブフレームワーク要素です（iOSでは IView 、Androidでは Android.view.View ）。

4
Vladimir Amiorkov