[筆記] 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
  }
}