父子元件傳遞資料（Vue高階）
阿新 • • 發佈：2021-10-14
1.父子元件傳遞資料
1)、子元件給父元件傳遞資料，事件機制； 子元件給父元件傳送一個事件，攜帶上資料。 // this.$emit("事件名",攜帶的資料...) (1)在需要在點選左邊樹形節點的時，右邊表格要展示相應的屬性資料，這是就涉及到父子節點傳遞資料了(2)解決方法：左邊是common中category子節點，右邊是attrgroup父節點，父節點引用了子節點，現在需要子節點向父節點在點選時候傳遞資料。
（3）在子節點category中新增@node-click方法，並用$emit向外傳送事件。（傳遞三個引數，具體見Element官網樹形結構點選觸發事件）
（4）然後在父節點引用處利用方法接收這個事件，然後方法實現資料的更新查詢。
二.分組新增&級聯選擇器
（1）檢視官網找到級聯選擇器
（2）效果
（3）但是在修改回顯資料時，級聯選單會回顯不出來，這是因為我們表單提交的是最深的節點id而不是整個路徑，這時我們需要向伺服器傳遞一個節點id，然後返回一個完整的路徑，
並回顯在表單中。
1.首先，在點選修改時，觸發方法，呼叫方法，顯示修改框（true），在頁面載入完成後，呼叫整個頁面物件（$refs）的addOrUpdate的init方法
addOrUpdate就是修改頁面，然後呼叫它的init方法。
回顯表單資料
修改遞交表單時
後端在實體類中新增完整路徑屬性
controller新增path到物件中去
具體service方法實現，遞迴找到完整路徑並返回