el-tooltip的auto-close如何使用

`el-tooltip` 组件提供了 `auto-close` 属性来自动关闭提示框，可以设置为 `true` 或者一个数字，表示关闭延迟的毫秒数。使用 `auto-close` 属性可以避免用户忘记关闭提示框而产生的问题，提高用户体验。

以下是使用 `auto-close` 属性的示例代码：

<template>
  <div>
    <el-button type="primary" v-el:target>Hover Me</el-button>
    <el-tooltip
      effect="dark"
      placement="top"
      :content="tooltipContent"
      :visible-arrow="false"
      :popper-options="{ boundariesElement: 'body' }"
      v-model="tooltipVisible"
      :auto-close="5000"
    >
    </el-tooltip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tooltipContent: 'Tooltip Content',
      tooltipVisible: false
    }
  }
}
</script>

以上代码中，我们将 `auto-close` 属性设置为 `5000`，表示提示框会在显示 5 秒后自动关闭。同时，我们不需要手动监听 `show` 和 `hide` 事件，`auto-close` 属性会自动处理提示框关闭的逻辑。