javascript - 如何动态创建带变量的对象？

Question

我在尝试使用 Javascript 在 QML 中动态创建对象时遇到问题。

我尝试使用的代码是这样的

Grid {
    id: numbers
    anchors.centerIn: parent
    columns: 3
    spacing: 2
    function createNumbers(){
        var component = Qt.createComponent("Button.qml");
        for(var i=1; i<37; i++){
            component.createObject(numbers)
        }
    }
    Component.onCompleted: createNumbers()
}

这很好用，但是我想包含变量以使它们各不相同，这样当我将信息传递给 Button.qml 时，它会设置以下内容

property string text: "1"
property string id: "button1"

我想不通，任何帮助都会很棒，谢谢大家。

Answer 1

Here是方法 Component.createObject 的文档。

如您所见，您可以使用函数的第二个可选参数设置新对象的参数。在您的情况下，它将是:

component.createObject(numbers, {"text": "1", "id": "button1"});