Javascript QML中的可单击矩形

我创建了一个矩形按钮作为按钮的替代（因为我不能无缘无故地使用标准按钮）。我使用Qt Designer安装了矩形鼠标earea，这样就可以使矩形鼠标可点击。问题是，让我失去动力的是，它也不起作用

import QtQuick 2.12
import QtQuick.Controls 2.5
import Qt.labs.platform 1.1
Form {
    id:root
   
    function connectToServer(){
        if(mainclass.connectToTcp()){
            mainclass.showConnectedInfo()
            return 1
        }else{
            mainclass.showDisConnectedInfo()
            return 0
        }
    }

    mouseArea.onClicked: {
        StackView.push("Hahaform.ui.qml")
    }
}

---

您应该将此行添加到鼠标earea中才能工作：

anchors.fill: parent

---

谢谢@Farshid616的帮助。问题是我的鼠标区域不在矩形区域内。所以我只需要打开代码并将鼠标区域移动到矩形区域，这样鼠标区域就是矩形的子区域。

上面的代码中没有定义矩形，您想问什么？