Antd表格customRender与scopedSlots同时存在，为什么scopedSlots的插槽会失效

Antd 表格组件的 `customRender` 和 `scopedSlots` 是用于自定义表格单元格内容的两种不同方式。

`customRender` 是一个函数，用于自定义表格单元格的渲染内容。你可以在函数中根据传入的参数来返回自定义的渲染结果。

`scopedSlots` 是一个插槽，用于自定义表格单元格的内容。你可以在插槽中编写自定义的 HTML 或组件，并将其作为表格单元格的内容。

当 `customRender` 和 `scopedSlots` 同时存在时，Antd 表格组件会优先使用 `customRender` 来渲染单元格内容。这意味着，如果你同时使用了 `customRender` 和 `scopedSlots`，`scopedSlots` 中的插槽将会失效。

如果你想要使用 `scopedSlots` 来自定义表格单元格的内容，可以将 `customRender` 的值设为 `undefined` 或 null，这样 Antd 表格组件就会使用 `scopedSlots` 来渲染单元格内容。

以下是一个示例代码：

<template>
  <a-table :columns="columns" :data-source="data">
    <template v-slot:title>
      Custom Table
    </template>
    <template v-slot:name="{ text }">
      <span style="color: red">{{ text }}</span>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
          customRender: undefined, // or null
          scopedSlots: { customRender: 'name' }
        },
        {
          title: 'Age',
          dataIndex: 'age'
        },
        {
          title: 'Address',
          dataIndex: 'address'
        }
      ],
      data: [
        {
          name: 'John Doe',
          age: 30,
          address: 'New York'
        },
        // ...
      ]
    };
  }
};
</script>

在上面的示例中，我们将 `customRender` 的值设为 `undefined`，并在 `scopedSlots` 中使用 `name` 插槽来自定义 `Name` 列的内容。这样，`scopedSlots` 中的插槽就会生效，并且 `Name` 列的单元格内容会渲染为红色字体。

希望以上解答能对你有帮助！如有任何疑问，请随时提问。