Nativescript-Vue, создающий динамические элементы

Мне было интересно, как я могу динамически создавать новые элементы, такие как кнопки, метки или текстовые поля, которые находятся внутри макета.

У меня такая разметка:

<AbsoluteLayout ref="abs">
    <Label :text="L('UserClockIn.info.5')" top="10" left="10" />
    <Label class="stk-table-row-data" :text="clockInTimes[0]" top="10" left="100" />
    <Label class="stk-table-row-data" :text="clockInTimes[1]" top="10" left="165" />
    <Label class="stk-table-row-data" :text="clockInTimes[2]" top="10" left="230" />
</AbsoluteLayout>

Я использую nativescript-vue с машинописным текстом, я хочу создать такой элемент, как другая метка или кнопка, и добавить его в абсолютный макет.


nativescript typescript nativescript-vue
person Juan Bonoso    schedule 10.12.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ответили здесь.

import { Label } from "tns-core-modules/ui/label";

export default {
    methods: {
        addLabel() {
            var label = new Label();
            label.text = "my text";
            // label.top = 10;
            // label.left = 150;
            this.$refs.abs.nativeView.addChild(label);
        }
    }
}

В любом случае, похоже, вы создаете сетку. Вы рассматривали возможность использования GridLayout?

person TomG    schedule 11.12.2019