qml MouseArea hover问题

qml MouseArea hover问题

父控件和子控件都有hover属性时，解决子控件属性hover操作后，父控件受影响的问题
解决方法就是在父控件的MouseArea区域内写子控件，然后对子控件设置hover事件

import QtQuick 2.15

Rectangle {
width: 500
height:500
color: "blue"
MouseArea {
    anchors.fill: parent
    hoverEnabled: true
    onEntered:
    {
        console.info("parent  entered")
        parent.color = "green"
    }
    onExited:
    {
        console.info("parent exited")
        parent.color = "blue"
    }

    Rectangle {
        width: 50
        height:50
        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:
            {
                console.info("parent  entered")
                 parent.color = "yellow"
            }
            onExited:
            {
                parent.color = "white"
            }

        }
    }
  }
}