vue中子組件怎么向父組件傳值

vue中子組件怎么向父組件傳值，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)公司專注于瓦房店網站建設服務及定制，我們擁有豐富的企業(yè)做網站經驗。 熱誠為您提供瓦房店營銷型網站建設，瓦房店網站制作、瓦房店網頁設計、瓦房店網站官網定制、重慶小程序開發(fā)服務，打造瓦房店網絡公司原創(chuàng)品牌,更為您提供瓦房店網站排名全網營銷落地服務。

一，子組件主動觸發(fā)事件將數據傳遞給父組件

1，在子組件上綁定某個事件以及事件觸發(fā)的函數

子組件代碼

事件在子組件中觸發(fā)的函數

      submit(){
        this.$emit('getTreeData',this.$refs.treeData.getCheckedNodes());
      },

2，在父組件中綁定觸發(fā)事件

父組件觸發(fā)函數顯示子組件傳遞的數據

testData(data){
      console.log("parent");
      console.log(data)
    },

控制臺打印的數據

二，不需要再子組件中觸發(fā)事件（如點擊按鈕，create（）事件等等）

這種方式要簡單得多，

1，子組件中綁定ref

然后在子組件中定義一個函數，這個函數是父組件可以直接調用的。函數的返回值定義為我們需要的數據。

getData(){
        return this.$refs.treeData.getCheckedNodes()
    },

然后再父組件注冊子組件后綁定ref，調用子組件的函數獲取數據

父組件函數調用

console.log( this.$refs.authTree.getData());

關于vue中子組件怎么向父組件傳值問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。

文章題目：vue中子組件怎么向父組件傳值
文章位置：http://m.jiaotiyi.com/article/gshehd.html