一、问题：

在使用 Ant Design Vue 组件库的 Tooltip 组件时，发现下方三角形变成了正方形。（如图）

二、解决方案：

1、检查 a-tooltip 组件是否传入了正确的 sizePopupArrow 属性。

该属性应为一个数字，但如果传入 4px 这样的字符串，则会引起问题。

正确示例：sizePopupArrow=4；
错误示例：sizePopupArrow='4px'

2、检查 a-config-provider 是否传入了正确的 border-radius 属性。

笔者遇到的即为该错误。

该属性应为一个数字，但如果传入 4px 这样的字符串，则会引起问题。

正确示例：<a-config-provider :theme="{token: {borderRadius:5}}">；
错误示例：<a-config-provider :theme="{token: {borderRadius:'5px'}}">

问题解决。

三、背后的原因：

Ant Design (Vue) 官方文档并没有明确这几个属性的取值格式，导致很容易传入错误地参数，进而导致 tooltip 在计算渲染样式时出现错误，丢失三角形的样式。