QML中Slider与ListElement属性绑定失效问题求助

ListModel.get(index)返回的是非可观察的临时对象，它的属性变更不会触发QML的属性绑定更新机制。而且直接修改这个临时对象的value属性，并不会同步回ListModel本身——相当于你只是修改了一个脱离模型的副本，自然无法驱动Slider的绑定更新。

要让绑定生效，必须通过ListModel提供的API修改数据，这样模型才会发出数据变更信号，触发绑定的更新。同时，Slider的value需直接绑定到模型的对应元素，或确保中间变量能响应模型变化。

方法一：直接绑定+用ListModel.set修改数据 #

修改后的完整代码：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.15
ApplicationWindow{
    width: 1000
    height: 480
    visible: true
    title: qsTr("Hello World")

    ListModel{
        id: deviceModel
        ListElement{value:100}
        ListElement{value:100}
        ListElement{value:100}
        ListElement{value:100}
    }

    Slider{
        id:slider
        from:0
        to:10000
        // 直接绑定到模型的元素属性
        value: deviceModel.get(0).value
    }

    Timer{
        interval: 1000
        running: true
        repeat: true
        onTriggered:{
            // 用ListModel的set方法修改数据，触发信号通知绑定更新
            let currentValue = deviceModel.get(0).value
            deviceModel.set(0, {"value": currentValue + 100})
            console.log(deviceModel.get(0).value)
            console.log(slider.value)
        }
    }
}

方法二：保留中间变量的绑定方式 #

如果需要保留temp变量，可让它绑定到模型元素，修改时仍通过模型API：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.15
ApplicationWindow{
    width: 1000
    height: 480
    visible: true
    title: qsTr("Hello World")

    ListModel{
        id: deviceModel
        ListElement{value:100}
        ListElement{value:100}
        ListElement{value:100}
        ListElement{value:100}
    }

    // 让temp绑定到模型元素，确保能响应模型变化
    property var temp: deviceModel.get(0)

    Slider{
        id:slider
        from:0
        to:10000
        value: temp.value
    }

    Timer{
        interval: 1000
        running: true
        repeat: true
        onTriggered:{
            let currentValue = temp.value
            deviceModel.set(0, {"value": currentValue + 100})
            // 修改模型后，temp会自动更新为最新的模型元素
            console.log(temp.value)
            console.log(slider.value)
        }
    }
}

• ListModel.set(index, properties)是修改模型数据的正确方式，它会触发dataChanged信号，所有绑定到该元素的UI组件都会自动更新。
• 不要直接修改ListModel.get()返回的对象属性，这个对象只是模型的临时快照，不是引用，修改它不会影响模型，也不会触发绑定更新。

内容的提问来源于stack exchange，提问作者橡树xd