在 QML 中，组件属性可以是组件本身吗？

Question

我试图将一个组件本身分配给它的一个属性，然后将该属性传递给外部文件中的一个函数 (import "Scripts.js" as Scripts)

我首先想到的是（在我看来）最明显的方法：

//MyComponent.qml

Item {
    id: comp
    
    // property var target: comp
    // doesn't work either
    property var target: this

    ...

    onActiveFocusChanged: {
        // Scripts.foo(this)
        // and Scripts.foo(tf)
        // don't work either
        if(this.activeFocus) {
            Scripts.foo(target)
        }
    }
}

但这不起作用（将 activeFocus 提供给组件后窗口崩溃）。

所以，我默认将 undefined 分配给目标：

...
property var target: undefined
...

然后在声明时分配组件本身：

MyComponent {
    id: myComponent
    ...
    target: this
    // target: myComponent
    // also works
    ...
}

当 activeFocus 被触发时，一切正常。有人可以告诉我为什么/我做错了什么吗？

不可能将组件本身分配给组件属性？

以及为什么在宣布后并非不可能做到这一点？

Answer 1

正如 folibis 已经评论的那样，您应该使用 ids 而不是 this 关键字。看看下面的SO post。

import QtQuick

Window {
    id: root
    width: 800
    height: 600
    visible: true
    title: qsTr("Hello Component")

    function foo(parameter) { console.log(parameter) }

    component MyComponent : Item {
        id: component

        property var target: component

        Component.onCompleted: {
            root.foo(component.target)
            root.foo(component)
        }
    }

    MyComponent {}
    MyComponent { target: root }
}

这没有问题。

import QtQuick

Window {
    id: root
    width: 800
    height: 600
    visible: true
    title: qsTr("Hello Component")

    function foo(parameter) { console.log(parameter) }

    component MyComponent : Item {
        id: component

        property var target: component

        onActiveFocusChanged: {
            if(component.activeFocus)
                root.foo(target)
        }
    }

    MyComponent { id: test }

    Component.onCompleted: test.forceActiveFocus()
}