为何仅最后一个TableView实例的单元格响应鼠标事件？

你创建了包含HorizontalHeaderView和TableView的组件，多次实例化后只有最后一个实例能响应表头和单元格的鼠标事件，调整propagateComposedEvents、preventStealing等参数，更换Qt6.5.1/6.5.2版本，改用单独文件或普通布局替代Loader都无法解决。

问题根源 #

核心问题出在**HorizontalHeaderView的syncView属性绑定了全局id tableView**。在QML中，Component实例化后，所有实例内的同名id会共享同一个上下文引用，导致只有最后一个实例的tableView能被正确关联到对应的HeaderView，前面实例的HeaderView实际上没有绑定到自身的TableView，进而鼠标事件处理逻辑失效。

解决方案 #

避免在Component内部使用全局id进行跨组件绑定，改用相对父级引用或属性别名来关联当前实例内的TableView。

修改后的完整代码

import QtQuick 6.5
import QtQuick.Controls 6.5
import QtQuick.Layouts 6.5
import Qt.labs.qmlmodels 1.0

ApplicationWindow {
    visible: true
    id: app
    width: 1280
    height: 800

    Component {
        id: testTable

        Rectangle {
            id: control
            // 添加属性别名，明确指向当前实例的tableView
            property alias tableViewRef: tableView

            implicitHeight: 200
            implicitWidth: 400

            Component.onCompleted: {
                tableView.model.appendRow({ value : 10 })
                tableView.model.appendRow({ value : 20 })
                tableView.model.appendRow({ value : 30 })
            }

            ColumnLayout { // Header + TableView
                id: contentLayout
                anchors.fill: parent

                HorizontalHeaderView {
                    id: horizontalHeader
                    Layout.fillWidth: true
                    // 使用当前实例的属性别名替代全局id
                    syncView: control.tableViewRef

                    model: [
                        qsTr("Value")
                    ]

                    delegate: Rectangle {
                        border.width: 1
                        implicitHeight: 20
                        implicitWidth: 50

                        MouseArea {
                            anchors.fill: parent
                            onClicked: (mouse) => {
                                print("Header onClicked - Instance:", control)
                            }
                            onPressed: (mouse) => {
                                print("Header onPressed - Instance:", control)
                            }
                            onReleased: (mouse) => {
                                print("Header onReleased - Instance:", control)
                            }
                        }

                        Text {
                            text: modelData
                            anchors.centerIn: parent
                        }
                    }
                }

                TableView {
                    id: tableView
                    Layout.fillWidth: true
                    Layout.fillHeight: true

                    model: TableModel {
                        TableModelColumn {
                            display: "value"
                        }
                    }

                    delegate: Rectangle {
                        border.width: 1
                        implicitHeight: 20
                        implicitWidth: 50

                        MouseArea {
                            anchors.fill: parent
                            onClicked: (mouse) => {
                                print("Table onClicked - Instance:", control)
                            }
                            onPressed: (mouse) => {
                                print("Table onPressed - Instance:", control)
                            }
                            onReleased: (mouse) => {
                                print("Table onReleased - Instance:", control)
                            }
                        }

                        Text {
                            anchors.centerIn: parent
                            text: model.display
                        }
                    }
                }
            }
        }
    }

    Column {
        Loader {
            sourceComponent: testTable
        }
        Loader {
            sourceComponent: testTable
        }
        Loader {
            sourceComponent: testTable
        }
    }
}

关键修改点

1. 给外层Rectangle添加property alias tableViewRef: tableView，将当前实例的TableView暴露为组件属性
2. 将HorizontalHeaderView的syncView从tableView改为control.tableViewRef，确保每个HeaderView绑定到自身实例的TableView
3. 可选：在打印语句中加入control参数，便于区分是哪个实例触发的事件

这样修改后，每个TableView实例的Header和单元格鼠标事件都能正常响应。

内容的提问来源于stack exchange，提问作者Bogdan