qml组件之间信号和槽通讯

最新推荐文章于 2024-05-21 23:21:19 发布

Yuer丶

最新推荐文章于 2024-05-21 23:21:19 发布

阅读量396

点赞数 9

文章标签：前端

本文链接：https://blog.csdn.net/Cute_new_rookie/article/details/135848760

版权

组件A  MyComponent
Rectangle {
    anchors.fill: parent
    color: "#ccc"
    
	// 定义两个信号
    signal btn1(string value)  
    signal btn2(string value)

    Button{
        width: 200
        height:40
        text: "按钮一"
        onClicked: {
            btn1("1111")
        }
    }
    Button{
        width: 200
        height:40
        text: "按钮二"
        anchors.centerIn: parent
        onClicked: {
            btn2("2222")
        }
    }
}

父组件调用：

第一种方法
    MyComponent{
        id:compon
        Component.onCompleted: {
            btn1.connect(function(val){
                  console.log(val)
            })

            btn2.connect(function(val){
                  console.log(val)
            })
        }
    }

第二种方法
    Connections{
        target: compon
        function onBtn1(val){
            console.log(val)
        }
        function onBtn2(val){
         console.log(val)
        }
    }