qml调用js代码演示

QML 是 Qt 的标记语言，用于创建界面。QML 中可以很容易地引用 JavaScript 代码，用于逻辑处理。

引用 JS 的方式

1. 内联 JavaScript 代码：直接在 QML 中编写 JS 代码。
2. 外部 JS 文件：将 JavaScript 代码保存在外部文件中，然后在 QML 中引用。

代码示例

1. 内联 JavaScript 代码

import QtQuick 2.15

Rectangle {
    width: 360
    height: 360

    MouseArea {
        anchors.fill: parent
        onClicked: {
            var message = "Hello from inline JavaScript!";
            console.log(message);
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

2. 外部 JS 文件

假设你有一个名为 MyScript.js 的 JavaScript 文件，内容如下：

function sayHello(