ant design vue折叠面板自定义header时，使用solt无效，不能正常显示

ant design vue折叠面板如何自定义header？

看到官方文档：

然后就写如下代码：

    <a-collapse v-model:activeKey="activeKey" :bordered="false">
      <a-collapse-panel key="1" :showArrow="false">
        <template slot="header"> 测试问题header </template>
        <p>测试答案文本</p>
      </a-collapse-panel>
    </a-collapse>

结果，页面没有显示slot内的header，页面显示为空！！！

经过各方谷歌，百度搜索：

最后发现必须得这样写：<template v-slot:header> 测试问题header </template>

    <a-collapse v-model:activeKey="activeKey" :bordered="false" accordion ghost>
      <a-collapse-panel key="1" :showArrow="false">
        <template v-slot:header> 测试问题header </template>
        <p>{{ text }}</p>
      </a-collapse-panel>
    </a-collapse>

即，页面可以正常显示。