wordpress个人博客主题_网页版的游戏_班级优化大师免费下载app_商城网站建设

报错如下：

不能将类型“((row: ShortUserPayType) => string) | ((row: ShortUserPayType) => number) | undefined”分配给类型“((row: any, column: TableColumnCtx<any>, cellValue: any, index: number) => string | VNode<RendererNode, RendererElement, { …; }>) | undefined”。

组件要求传入的formatter函数必须定义为：

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

但我不需要这么多属性，我只需要row属性。

解决方法，自定义一个Column类型：

export interface Column {key: stringtitle: string// eslint-disable-next-line @typescript-eslint/no-explicit-anyformatter?: (...args: any) => any
}

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

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

<el-table-columnv-for="column in columns":key="column.key":prop="column.key":label="column.title":formatter="column.formatter"
/>