el table展開行中通過事件控制某一行的展開

2021-10-14 03:39:19 字數 2504 閱讀 9274

在el-table中type="expand"時,**可以設定展開行,但有時候,需要我們通過一些別的事件來觸發展開行事件,如何來控制某一行的展開與閉合,這是本篇部落格所講訴的。

togglerowexpansion,在官網中有描述過這一方法可以用來切換某一行的展開狀態

但是具體**如何書寫,沒有具體的介紹。

首先,給**新增ref屬性

"tabledata" style=

"width: 100%" ref=

"table"

>

其次,在**中註冊事件,使用該事件來控住該行的展開狀態

"商品名稱" min-width=

"150px"

>

"props"

>

}<

/span>

="iconfont icon-fabulous" @click=

"open(props.row)"

>

<

/i>

<

/template>

<

/el-table-column>

最後,通過togglerowexpansion方法實現該行的展開與否(true為展開,false閉合)

methods:

}

完整的頁面**如下:

"tabledata" style=

"width: 100%" ref=

"table"

>

"expand"

>

"props"

>

"left" inline class

="demo-table-expand"

>

"商品名稱"

>

}<

/span>

<

/el-form-item>

"所屬店鋪"

>

}<

/span>

<

/el-form-item>

"商品 id"

>

}<

/span>

<

/el-form-item>

"店鋪 id"

>

}<

/span>

<

/el-form-item>

"商品分類"

>

}<

/span>

<

/el-form-item>

"店鋪位址"

>

}<

/span>

<

/el-form-item>

"商品描述"

>

}<

/span>

<

/el-form-item>

<

/el-form>

<

/template>

<

/el-table-column>

"商品id" min-width=

"150px"

>

"props"

>

}<

/span>

<

/template>

<

/el-table-column>

"商品名稱" min-width=

"150px"

>

"props"

>

}<

/span>

="iconfont icon-fabulous" @click=

"open(props.row)"

>

<

/i>

<

/template>

<

/el-table-column>

"描述" min-width=

"150px"

>

"props"

>

}<

/span>

<

/template>

<

/el-table-column>

<

/el-table>

<

/template>

export

default,,

,]}}

, methods:}}

<

/script>

.demo-table-expand

.demo-table-expand label

.demo-table-expand .el-form-item

<

/style>

在C 中控制ListBox某一行的字型顏色

private void form1 load object sender,eventargs e private void listbox1 drawitem object sender,drawitemeventargs e e.graphics.fillrectangle newsolidbr...

刪除檔案中的某一行以及檔案鎖

gpu.dat的內容如下 81e443bd b826 4459 999d 685fa63e8a88 dev dri renderd128 166a4eab fc0d 4264 a35d 8b78e09f22ea dev dri renderd128 56e846d8 b422 4720 b3e5 c...

python隨機讀取檔案中的某一行內容

1 python壓力測試中經常資料要引數化,同時不希望一條一條的順序執行或併發 2 python隨機讀取檔案中的某一行內容 實現步驟 1 實驗資料 2 執行 encoding utf 8 隨機數,隨機讀取每一行的資料 import linecache import random for i in x...