Vue Element框架的table進行多行合併

2022-06-30 19:42:13 字數 1749 閱讀 8032

一、**中只合併一處

如上圖所示,這裡根據「倉庫」進行合併,相同倉庫的資料合併到乙個倉庫列中。

實現**

tempelate:

1

<

el-table

2:data

="datalist"

3:span-method

="objectspanmethod"

4size

="mini"

5border

6highlight-current-row

7style

="width: 100%; margin-top: 20px"

8@current-change

="handlecurrentchange"

9>

10el-table

>

ts:

1   @watch("datalist", )

2private onorderoutlineidchanged() 6}

78private getspanarr(data: any) else

else25}

26}27}

2829

private objectspanmethod(data: any) 38}

39}40 }

二、多處合併

實現原理為再次寫乙個方法去判斷第二處合併的資訊,再在 「objectspanmethod」 方法體內,通過判斷在當前需要合併的列中進行ruturn即可。

**為:

tempelate:

1

<

el-table

2:data

="datalist"

3:span-method

="objectspanmethod"

4size

="mini"

5border

6style

="width: 100%; margin-top: 20px"

7>

8el-table

>

ts:

1 private spanarr = new array()

2 private storetypespanarr = new array()34

5 @watch("datalist", )

6private onorderoutlineidchanged() 11}

1213

private getspanarr(data: any) else

else31}

32}33}

3435

private getspanarrstoretype(data: any) else

else54}

55}56}

5758

private objectspanmethod(data: any) 67}

68if (data.columnindex == 2) 75}

76}77 }

注意:我這裡控制兩處合併的方法分開寫了,自己寫的時候可以合併到乙個方法裡寫。懶得改了。

vue element公升級框架遇到的坑

背景 vue element template 版本為3.9,因為mock用起來不爽,公升級為4.0以上方可使用服務端的mock。框架版本轉換過程中遇到一些坑。公升級採用手動公升級,即直接git下來4.2的vue element template,然後,把舊的 一點點移到新的專案框架下 問題如下 g...

我所知道的TA測試框架

就我目前接觸的主要接觸了兩種ta框架,或者說實現方式吧,是目前市面上相對成熟的方式,一種是python robot framework框架,當然要在ci 持續程序 jekins 顯示結果 簡單點說,在robot framework中寫key word,來調python中乙個個函式模組,來達到自動化測...

金融中TA的概念

ta是transfer agent縮寫,通常稱為 登記過戶 ta系統 登記過戶系統 在乙隻金融產品生命週期中,最重要的作用有 1 管理產品 客戶的份額 2 收益計算。其他功能 賬戶開戶 銷戶 客戶資料修改 賬戶凍結 解凍 賬戶登記 取消登記 認購 申購 贖回 轉委託 非交易過戶 產品轉換 修改分紅方...