Question

我想知道如何动态创建布局内的新元素，例如按钮，标签或文本字段。我有以下代码：

<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与typescript一起使用，我想创建一个元素，如另一个标签或按钮，并将其添加到绝对布局中。

Answer 1

已回答here。

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？

Nativescript-Vue创建Dinamyc元素

1 个答案: