element 中el-tooltip超过指定长度才展示

可以使用 `v-tooltip` 搭配 `slot` 和 `show-after` 属性来实现这个需求。

首先，在需要显示 `tooltip` 的元素上添加 `v-tooltip` 指令，并将 `content` 属性设置为要显示的文本。例如：

<el-button v-tooltip="{ content: '这是一个很长很长的提示文本' }">按钮</el-button>

然后，将 `v-tooltip` 的默认插槽设置为一个函数，该函数返回一个元素，该元素只在指定长度后才显示。例如：

<el-button v-tooltip="{ content: '这是一个很长很长的提示文本' }">
  <template #default="{ show }">
    <span v-show="show">这是一个很长很长的提示文本</span>
    <span v-show="!show">...</span>
  </template>
</el-button>

最后，通过 `show-after` 属性指定在何时显示 `tooltip`。例如：

<el-button v-tooltip="{ content: '这是一个很长很长的提示文本', showAfter: 10 }">
  <template #default="{ show }">
    <span v-show="show">这是一个很长很长的提示文本</span>
    <span v-show="!show">...</span>
  </template>
</el-button>

在上面的例子中，`show-after` 属性的值为 `10`，表示当元素的宽度超过 `10` 个字符时才显示 `tooltip`。