【debug】ElementPlus table组件column传入formatter范例报错

报错如下：
   不能将范例“((row: ShortUserPayType) => string) | ((row: ShortUserPayType) => number) | undefined”分配给范例“((row: any, column: TableColumnCtx<any>, cellValue: any, index: number) => string | VNode<RendererNode, RendererElement, { …; }>) | undefined”。
  组件要求传入的formatter函数必须定义为：

1. ((row: any, column: TableColumnCtx`<any>`, cellValue: any, index: number) => string | VNode<RendererNode, RendererElement, { ...; }>) | undefined”

复制代码

但我不需要这么多属性，我只需要row属性。
办理方法，自定义一个Column范例：

1. export interface Column {
2.   key: string
3.   title: string
4.   // eslint-disable-next-line @typescript-eslint/no-explicit-any
5.   formatter?: (...args: any) => any
6. }

复制代码

这使得formatter 函数可以接受 ElementPlus 所期望的四个参数，也可以只接受一个参数，大概根本不接受参数。

1. const columns: Column[] = [...]

复制代码

1. <el-table-column
2.   v-for="column in columns"
3.   :key="column.key"
4.   :prop="column.key"
5.   :label="column.title"
6.   :formatter="column.formatter"
7. />

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。