QML中如何从自定义委托嵌套元素访问ListView模型？

在QML开发自定义带独立复选框的ListView委托时，常遇到模型访问的困扰：用wrapper.ListView.view.model写法过于冗长，网上多数示例硬编码模型属性又违背委托与模型分离的设计原则，直接使用model关键字也无法正常工作。以下提供两种规范且简洁的实现方式，附测试代码。

测试用基础代码 #

ListView {
    width: 200
    height: 300
    model: ListModel {
        id: listModel
        ListElement { text: "Item 1"; checked: false }
        ListElement { text: "Item 2"; checked: true }
        ListElement { text: "Item 3"; checked: false }
    }
    delegate: CustomDelegate {}
}

// 自定义委托框架
Component {
    id: CustomDelegate
    Item {
        width: parent.width
        height: 40
        CheckBox {
            anchors.centerIn: parent
            // 待实现：访问模型属性并处理选中状态变更
        }
    }
}

解决方案1：直接使用模型属性名 #

ListView会自动将当前项的模型属性暴露给委托，可直接引用属性名称：

Component {
    id: CustomDelegate
    Item {
        width: parent.width
        height: 40
        CheckBox {
            anchors.centerIn: parent
            text: text
            checked: checked
            onCheckedChanged: {
                listModel.setProperty(model.index, "checked", checked)
            }
        }
    }
}

说明：这种方式依赖模型的具体属性名，适合模型结构相对固定的场景，若模型属性变更，委托需同步调整。

解决方案2：声明required property var model（推荐） #

在委托内声明当前项的模型对象，完全解耦委托与外部模型引用，复用性更强：

Component {
    id: CustomDelegate
    Item {
        required property var model
        width: parent.width
        height: 40
        CheckBox {
            anchors.centerIn: parent
            text: model.text
            checked: model.checked
            onCheckedChanged: {
                model.checked = checked
            }
        }
    }
}

说明：委托无需依赖外部模型ID，即使更换不同结构的模型，只要属性名匹配即可正常工作，符合组件化设计理念。

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