如何解决QML中属性变更引发的循环调用？能否中断绑定？

你遇到的是QML中属性变更信号互相触发导致的无限循环问题，以下是几种可行的解决办法：

1. 添加状态标志位控制 #

通过一个布尔变量标记当前是否正在处理属性变更，避免重复触发信号，这是最直接的解决方案：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    property int anum: 0
    property int bnum: 1
    // 标记是否正在处理属性更新
    property bool isUpdating: false

    onAnumChanged: {
        if (!isUpdating) {
            isUpdating = true
            bnum += 1
            isUpdating = false
        }
    }

    onBnumChanged: {
        if (!isUpdating) {
            isUpdating = true
            anum += 1
            isUpdating = false
        }
    }

    Button{
        text:"begin"
        onClicked: {
            anum = anum + 1
        }
    }
}

2. 使用Connections组件动态管理信号连接 #

QML中可以通过Connections组件手动控制信号的连接与断开，类似C++ Widget中的disconnect功能：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    id: root
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    property int anum: 0
    property int bnum: 1

    Connections {
        id: anumConnections
        target: root
        onAnumChanged: {
            // 临时禁用bnum的信号连接
            bnumConnections.enabled = false
            bnum += 1
            // 恢复连接
            bnumConnections.enabled = true
        }
    }

    Connections {
        id: bnumConnections
        target: root
        onBnumChanged: {
            anumConnections.enabled = false
            anum += 1
            anumConnections.enabled = true
        }
    }

    Button{
        text:"begin"
        onClicked: {
            anum = anum + 1
        }
    }
}

通过设置Connections的enabled属性，可以临时断开信号，处理完逻辑后再重新启用，避免循环触发。

3. 重构逻辑消除属性依赖 #

从根源上解决问题的话，可重新设计属性关系，比如将其中一个属性设为计算属性，避免互相触发变更：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    property int anum: 0
    // bnum通过anum直接计算，无需单独触发变更
    readonly property int bnum: anum + 1

    Button{
        text:"begin"
        onClicked: {
            anum = anum + 1
        }
    }
}

这种方式彻底消除了循环的可能性，适合属性间有明确依赖关系的场景。

内容的提问来源于stack exchange，提问作者段回洋