父組件與孫子組件之間傳值解決方法

(1)父組件------》子組件: 方法傳參
在子組件定義方法,接收參數,父組件調用子組件方法,將參數傳給子組件
(2)子組件-------》孫子組件:props屬性
通過props,屬性傳值給孫子組件

父-列表頁面,點擊詳情彈框,彈框的內容(子) 又分別引入了 子組件(孫子)
在這裏插入圖片描述

父組件:

方法傳值

在父組件頁面調用子組件ProjecIndex 的地方,設置ref屬性
在這裏插入圖片描述
點擊 詳情按鈕,將id傳值給 子組件showDetailDialog() 方法
在這裏插入圖片描述

子組件:

在方法裏接收傳過來的id

data()中定義projectId
在這裏插入圖片描述

showDetailDialog()方法,將參數id賦值給projectId在這裏插入圖片描述
props傳值
在要傳值的子組件上,設置屬性,將projectId傳過去
在這裏插入圖片描述

孫子組件

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章