[筆記] Element Plus Table 表格 Scope 型別 @地瓜大的飛翔旅程

章節連結

內容

Element Plus 中的 el-table-column 其預設的 Slot 是沒有完整的 TypeScript 標註的。這邊藉由回傳值和爬了一下型別定義檔，筆記下結果。

內容

<el-table-column prop="email">
  <template #default="scope: BaseTableRowScope">
    <slot name="email" :data="scope.row"></slot>
  </template>
</el-table-column>


import { TableColumnCtx } from "element-plus"
export interface BaseTableRowScope {
  row: Record<string, any>
  column: {
    key: string
    data: TableColumnCtx<any>
  }
  $index: {
    key: string
    data: number
  }
}

<el-table-column prop="email">

</template>

</el-table-column>

import { TableColumnCtx } from "element-plus"

export interface BaseTableRowScope {

row: Record<string, any>

column: {

key: string

data: TableColumnCtx<any>

}

$index: {

key: string

data: number

}

按讚加入粉絲團

內容

延伸閱讀