Ant Design Vue table怎么展示字典

Ant Design Vue table可以通过自定义render函数来展示字典。

首先，定义一个字典对象，例如：

const dict = {
  0: '正常',
  1: '禁用',
  2: '删除'
}

然后，在table的columns中，对需要展示字典的列进行配置，例如：

columns: [
  {
    title: '状态',
    dataIndex: 'status',
    key: 'status',
    scopedSlots: { customRender: 'status' }
  }
]

其中，scopedSlots中的customRender属性指定了自定义渲染函数的名称，例如上述代码中的'status'。

接着，在table的template中，定义自定义渲染函数，例如：

<template slot="status" slot-scope="text">
  {{ dict[text] }}
</template>

其中，text表示当前行的status值，dict[text]即可通过字典对象获取对应的展示值。

最终，table中的状态列就会以字典形式展示。