vue el-tooltip使用

在Vue中使用el-tooltip组件可以为目标元素添加一个提示框，当鼠标悬停在目标元素上时，提示框会显示出来。下面是一个简单的例子：

<template>
  <div>
    <el-tooltip content="这是一个提示框" placement="top">
      <el-button>上方提示框</el-button>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  name: 'TooltipDemo'
}
</script>

在上面的例子中，我们使用了el-tooltip组件来包裹一个el-button组件，当鼠标悬停在按钮上时，会显示一个上方的提示框，提示框的内容为“这是一个提示框”。

el-tooltip组件支持以下属性：

- content：提示框的内容，可以是一个字符串或一个函数。
- placement：提示框的位置，可以是top、bottom、left、right、top-start、top-end、bottom-start、bottom-end、left-start、left-end、right-start、right-end中的一个。
- effect：提示框的出现方式，可以是dark、light、plain中的一个。
- disabled：是否禁用提示框。
- offset：提示框的偏移量，可以是一个数组或一个函数。
- transition：提示框的过渡效果。
- visible-arrow：是否显示提示框的箭头。
- popper-class：自定义提示框的class名称。

除了以上属性外，el-tooltip组件还支持一些事件，例如show和hide事件，可以在提示框显示和隐藏时触发相应的回调函数。