如何在qml中更改MouseArea的columnSpan onClicked事件？

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

Item {
    width: 400
    height: 200

    Grid {
        columns: 2
        spacing: 10

        Rectangle {
            width: 100
            height: 100
            color: "red"
        }

        Rectangle {
            id: rect
            width: 100
            height: 100
            color: "blue"

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    rect.columnSpan = 2; // 在点击事件中将列跨度设置为2
                }
            }
        }
    }
}