qml通过点击按钮出发C++给qml传数据

为了实现qml通过点击按钮触发C++给qml传数据，我们需要在C++中定义一个槽函数，然后在qml中定义一个按钮并将其绑定到该槽函数上。具体步骤如下：

1.在C++中定义一个槽函数，该函数将被qml调用以传递数据。例如，我们可以在MainWindow类中添加以下槽函数：

public slots:
    void sendDataToQml(const QString& data) {
        Q_EMIT dataChanged(data);
    }

2.在qml中定义一个按钮，并将其绑定到该槽函数上。例如，我们可以在qml中添加以下代码：

Button {
    text: "Send Data"
    onClicked: {
        var data = "Hello from QML";
        sendDataToCpp(data);
    }
}

3.在C++中将该槽函数与qml中的信号进行连接。例如，我们可以在MainWindow类的构造函数中添加以下代码：

connect(this, &MainWindow::dataChanged, engine_.rootObjects().first(), QOverload<const QString&>::of(&QMetaObject::invokeMethod));

这将连接MainWindow类中的dataChanged信号与qml中的sendDataToCpp函数。

完整的C++和qml代码如下所示：

引用:MainWindow.h

#pragma once

#include <QObject>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "TableModel.h"

class MainWindow : public QObject {
    Q_OBJECT
public:
    explicit MainWindow() {
        engine_.rootContext()->setContextProperty("myModel", &model_);
        engine_.load(QUrl(QStringLiteral("qrc:/main.qml")));
    }

public slots:
    void sendDataToQml(const QString& data) {
        Q_EMIT dataChanged(data);
    }

Q_SIGNALS:
    void dataChanged(const QString& data);

private:
    TableModel model_;
    QQmlApplicationEngine engine_;
};

引用:main.cpp

#include "MainWindow.h"
#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[]) {
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    MainWindow mainwindow;

    QObject::connect(&mainwindow, &MainWindow::dataChanged, mainwindow.engine_.rootObjects().first(), QOverload<const QString&>::of(&QMetaObject::invokeMethod));

    return app.exec();
}

qml代码：

Button {
    text: "Send Data"
    onClicked: {
        var data = "Hello from QML";
        sendDataToCpp(data);
    }
}