ElementUI table表格動(dòng)態(tài)合并

最近在做一個(gè)大型的港口項(xiàng)目,需要使用到 elementUI table 組件的方法 :span-method=“objectSpanMethod” 進(jìn)行單元格的動(dòng)態(tài)合并。查看了官方 API 后,發(fā)現(xiàn)簡單、直白、明了,無法滿足下圖業(yè)務(wù)的需求。所以參考了一些其他的網(wǎng)絡(luò)資料,具體的思路:在動(dòng)態(tài)處理從后端拿回來的數(shù)據(jù)的時(shí)候,是需要從數(shù)據(jù)中找到一個(gè)唯一的“標(biāo)識(shí)”去判斷是否是相同種類的數(shù)據(jù)。然后根據(jù)這個(gè)“標(biāo)識(shí)”去做邏輯判斷。

?1. 在 data 中定義需要數(shù)據(jù),根據(jù)數(shù)組中存儲(chǔ)的標(biāo)識(shí)去合并數(shù)據(jù)
2. 在 methods 中定義方法去處理標(biāo)識(shí)(需要合并的數(shù)據(jù)單元格)
3.?在 created 或 mounted 中調(diào)用處理函數(shù)將異步獲取到的數(shù)據(jù)傳遞過去進(jìn)行處理:
標(biāo)簽: