a-table使用插槽后，显示超出隐藏文字

1、需求描述

“鼠标移入‘批次作废’字样时，出现‘批次作废’字样的气泡框”

2、目标样式

鼠标移入指定区域，显示气泡框及提示文字，如下图：

3、问题描述

Ant Design Vue表格列使用插槽后，鼠标移入不显示内容气泡框

4、问题原因：？暂时不知道原因

5、解决办法

对相应标签，添加 title 属性，将title的内容设置成要显示的内容文字（采用title属性后，鼠标移入就可以悬浮展示文本框中的内容）。

6、代码示例

<span :title="a">批次作废</span>

a="批次作废"