在 qml 的另一个文件中调用 javascript

Question

我正在尝试覆盖 QML 应用程序窗口中的 onClosing 事件。

窗口的qml很简单：

ApplicationWindow {
    id: rootWindow
    objectName: "window"
    visible: true
    width: 800
    height: 480

    property Component loginForm: LoginView {}

    onClosing: {
        loginForm.logout()
    }
}

LoginView 视图也很简单：

Rectangle {
    id: view    
    function logout() {
        console.log("Logout called");
    }
}

现在，它返回一个错误：

TypeError: Property 'logout' of object QQmlComponent(0x9287150) is not a function

我也尝试了loginForm.view.logout() 并返回：

TypeError: Cannot call method 'logout' of undefined

Answer 1

我认为 QML 有问题，因为您的属性是 Component 类型。您将LoginView（Component 的继承后代）分配给Component 类型的属性。如果您将属性更改为LoginView 类型，它将起作用：

property LoginView loginForm : LoginView{}

如果这实际上不是您希望由主模块导出的属性，您可以简单地实例化它而不创建属性，但仍然给它一个模块范围标识符：

LoginView{ id: loginForm }

执行其中任何一项都可以让您访问该功能。