ant design customRender scopedSlots 同时生效

Ant Design 的 `customRender` 和 `scopedSlots` 是Vue组件设计中的两个特性，它们通常用于自定义组件的行为或者添加额外的模板内容。

`customRender` 是 Ant Design 提供的一种属性，它允许你在渲染某个特定节点时提供自定义的渲染函数。这常用于覆盖内置组件的部分默认渲染逻辑，比如表格的某列可以使用 `customRender` 来定制显示格式。

而 `scopedSlots` 是 Vue 中的一个特性，用于在单个组件内创建局部作用域的插槽，使得组件的开发者可以在子组件内部定义一些特殊的模板区域，然后外部通过 slot 名称引用这些区域。

当你同时使用这两个特性时，一般的做法是在 `customRender` 中引用 `scopedSlots`。例如：

<template>
  <a :custom-render="item => h(this.$scopedSlots.default, { item })">
    <!-- 这里是原生的Ant Design组件 -->
  </a>
</template>

<script>
export default {
  methods: {
    // 自定义渲染函数
    customRender(item) {
      return this.$scopedSlots.mySlot ? this.$scopedSlots.mySlot(item) : '';
    }
  },
  slots: {
    default: '这是全局默认slot的内容',
    mySlot: '这是自定义的slot'
  }
}
</script>

在这个例子中，`customRender` 使用了 `h` 函数（Vue的短版 template 渲染函数），将传入的 `item` 传递给 `mySlot` 插槽，如果存在则渲染该插槽，否则渲染默认的全局slot内容。