Ant Design Vue 中Descriptions插槽使用

Ant Design Vue 中Descriptions组件支持以下插槽：

1. title：标题插槽

<template #title>
  <span>自定义标题</span>
</template>

2. extra：右侧内容插槽

<template #extra>
  <a href="#">自定义链接</a>
</template>

3. item：每个条目的内容插槽

<template #item="{ label, content }">
  <div>
    <span>{{ label }}：</span>
    <span>{{ content }}</span>
  </div>
</template>

以上三个插槽可以通过具名插槽的方式在Descriptions组件中使用。其中，item插槽还可以通过v-slot:xxx的方式使用，xxx为item的label值，例如：

<Descriptions :bordered="true">
  <template v-slot:name>
    <a href="#">自定义链接</a>
  </template>
  <template v-slot:age="{ content }">
    <span>{{ content }}岁</span>
  </template>
  <template v-slot:address>
    <span>自定义地址</span>
  </template>
</Descriptions>

以上是使用Ant Design Vue中Descriptions组件的插槽的示例，您可以根据自己的需求进行修改和扩展。