antd vue 嵌套表格之實現每次展開一行


在項目中遇到一個需求,就是使用嵌套子表格時,每次只展示一行,且展開一行另一行收起,直接上代碼吧,順便記錄一下

這里需要注意,我們要在外層table組件添加如圖三個屬性,缺一不可,咳咳,不用杠我那個<p-table>,用就完了,反正是antd的

data里聲明一個接受當前展開行rowkey的數組

open里的第一個參數expanded就是點擊行展開時是true,收起時是false,方法里兩次數組置空缺一不可,當然好奇的可以試試哈哈哈,ok,over


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM