在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...