Ant Design Vue table展示一个数据，数据为0展示否，数据为一展示是

您可以使用 Ant Design Vue table 的自定义渲染功能来实现该需求。

首先，在表格的 columns 属性中，对需要展示的列进行配置，例如：

columns: [
  {
    title: '是否',
    dataIndex: 'isYes',
    customRender: (text) => {
      return text === 1 ? '是' : '否';
    },
  },
  // 其他列的配置...
]

在上述代码中，我们将 `dataIndex` 属性设置为数据中对应的字段名，然后通过 `customRender` 属性来自定义渲染函数。在自定义渲染函数中，我们根据数据的值来返回不同的展示文本。

假设数据如下：

const dataSource = [
  {
    key: '1',
    isYes: 1,
    // 其他字段...
  },
  {
    key: '2',
    isYes: 0,
    // 其他字段...
  },
];

那么在表格中，第一行的“是否”列将展示为“是”，第二行的“是否”列将展示为“否”。

相关问题

Ant Design Vue table字典展示

Ant Design Vue 提供了一个 Table 组件，可以用来展示数据，包括字典数据。为了展示字典数据，我们可以使用 slot-scope 来自定义表格的列。

下面是一个展示字典数据的例子：

<template>
  <a-table :data-source="dataSource">
    <a-table-column title="名称" dataIndex="name" />
    <a-table-column title="状态" dataIndex="status">
      <template slot-scope="text">
        {{ statusMap[text] }}
      </template>
    </a-table-column>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        { name: 'Apple', status: 1 },
        { name: 'Banana', status: 2 },
        { name: 'Orange', status: 3 },
      ],
      statusMap: {
        1: '正常',
        2: '禁用',
        3: '异常',
      },
    };
  },
};
</script>

在上面的例子中，我们使用了 slot-scope 来自定义了一个表格列，用来展示字典数据。在这里，我们定义了一个 statusMap 对象，用来将状态值转换成相应的文字描述。在表格中，我们通过传入 statusMap[text] 来展示对应的状态文字。

Ant Design Vue table怎么展示字典

Ant Design Vue table可以通过自定义表格列来展示字典。

首先，你需要将字典数据转换为对应的文本。可以通过自定义一个函数来实现，例如：

function getTextFromDict(value, dict) {
  const item = dict.find(item => item.value === value)
  return item ? item.text : ''
}

其中，`value`是字典中的值，`dict`是字典数据，函数会返回对应的文本。

接着，在表格中定义需要展示字典的列，并在`customRender`方法中调用上面定义的函数来将值转换为文本，例如：

<a-table-column title="状态" dataIndex="status">
  <template slot-scope="text">
    {{ getTextFromDict(text, dict) }}
  </template>
</a-table-column>

其中，`dataIndex`指定了要展示的数据字段，`dict`是字典数据。

这样，就可以在Ant Design Vue table中展示字典了。