ant design vue a-tooltip 修改宽度

要修改 ant design vue a-tooltip 的宽度，可以使用 CSS 样式来实现。具体步骤如下：

1. 在需要修改宽度的组件中引入 a-tooltip 组件。

<template>
  <div>
    <a-tooltip title="Tooltip content">
      <span>Hover me</span>
    </a-tooltip>
  </div>
</template>

2. 在组件的样式中添加 CSS 样式。

<style>
  .ant-tooltip-inner {
    max-width: 200px; /* 修改宽度为 200px */
  }
</style>

3. 完成后，保存并运行项目，即可看到 a-tooltip 组件的宽度已经被修改。

注意：如果需要修改多个 a-tooltip 组件的宽度，可以在样式中使用类选择器来针对不同的组件进行修改。例如：

<style>
  .tooltip1 .ant-tooltip-inner {
    max-width: 200px;
  }
  .tooltip2 .ant-tooltip-inner {
    max-width: 300px;
  }
</style>

<template>
  <div>
    <a-tooltip title="Tooltip content" class="tooltip1">
      <span>Hover me</span>
    </a-tooltip>
    <a-tooltip title="Tooltip content" class="tooltip2">
      <span>Hover me</span>
    </a-tooltip>
  </div>
</template>

以上即为 ant design vue a-tooltip 修改宽度的方法。