el-tooltip挂到某个div里面

`el-tooltip` 是 Element UI 提供的一个轻量级的提示组件，用于为元素添加可点击的提示信息。当你将 `el-tooltip` 挂到某个 `div` 元素里面，通常需要通过 Vue.js 的绑定和数据驱动来实现。以下是基本步骤：

1. 在你的 Vue 组件中安装并引入 Element UI，例如在 `main.js` 或者其他引用文件中：

   import { ElTooltip } from 'element-plus';

2. 定义一个数据属性来存储你想显示的提示内容，例如：

   data() {
     return {
       tooltipText: '这是提示信息',
     };
   }

3. 在你的 HTML 中将 `el-tooltip` 绑定到 `div` 元素上，并设置 `content` 属性关联到你的数据属性：

   <template>
     <div @mouseenter="showTooltip" @mouseleave="hideTooltip">
       <el-tooltip :open="isTooltipVisible" placement="top">
         <span slot="content">{{ tooltipText }}</span>
         <i class="your-icon-class"></i>
       </el-tooltip>
     </div>
   </template>

4. 创建 `methods` 对象来控制提示的显示和隐藏：

   methods: {
     showTooltip() {
       this.isTooltipVisible = true;
     },
     hideTooltip() {
       this.isTooltipVisible = false;
     },
   },

5. 可以根据需要调整其他选项，如显示延迟 (`delay`)、方向(`placement`)等。