1. 程式人生 > >Vue開源庫iview中摺疊面板

Vue開源庫iview中摺疊面板

   首先,整個Collapse元件統一由collapse.vue管理,它的模板中包含一個插槽,給每一個面板提供空間,同時collapse.vue是整個元件的管理者,它將決定面板的顯示狀態(即:在collapse.vue檔案中修改panel的資料)。

   而panel.vue只需要通過資料來驅動DOM(這也正是vue的精髓所在),在panel.vue檔案中只需要在標題的div上新增上一個點選事件,呼叫它的父元件collapse中的函式,並將點選的panel的name和狀態傳送給collapse即可