element-ui table表格元件實現手風琴效果

榴彈丶發表於2019-01-22

一、前言 百度上到的實現多多少少有點瑕疵,要麼只能實現預設展開,要麼不能實現,要 麼總會有一行是展開狀態,所以自己想辦法解決了這個問題。 二、程式碼 首先,核心程式碼

element-ui table表格元件實現手風琴效果
element-ui table表格元件實現手風琴效果
三、解釋 expand-change事件會監聽table expand行發生變化時觸發,無論展開還是關閉,這就很煩,他會返回2個預設引數,一個是當前行,二個是當前展開的行的集合陣列,所以這裡我用第二個引數的長度是否大於1來識別是否有多個展開,如果是,則過濾關閉其他行,這裡使用table的自帶方法toggleRowExpansion,第二個引數傳入false,則關閉第一個引數當前行

相關文章