1. 安装 Element Plus：
如果你还没有安装 Element Plus，请参考前面的步骤进行安装。
2. 导入和使用 Tooltip：
在你的 Vue 组件中导入 Tooltip，并在模板中使用它。以下是一个简单的示例：
<template>
<div>
<el-tooltip content="这是提示信息" placement="top">
<el-button>鼠标悬停</el-button>
</el-tooltip>
</div>
</template>
<script>
import { ElTooltip, ElButton } from 'element-plus';
export default {
components: {
ElTooltip,
ElButton,
},
};
</script>
在上述代码中，我们导入了 ElTooltip 和 ElButton 组件，并在模板中使用 ElTooltip 包裹 ElButton 组件。通过悬停在按钮上，将显示指定的提示信息。
3. 自定义 Tooltip：
你可以根据需要自定义 Tooltip，例如，设置触发方式、主题、内容等：
<template>
<div>
<el-tooltip
:content="customContent"
placement="right"
effect="light"
:enterable="false"
>
<el-button>自定义Tooltip</el-button>
</el-tooltip>
</div>
</template>
<script>
import { ElTooltip, ElButton } from 'element-plus';
export default {
components: {
ElTooltip,
ElButton,
},
data() {
return {
customContent: '这是自定义的提示信息',
};
},
};
</script>
在这个例子中，我们通过在 ElTooltip 组件中使用 :content 属性设置自定义的提示信息，并通过 placement 属性设置提示框的位置。你还可以根据需要调整其他属性，例如 effect（提示框的主题）和 enterable（是否允许鼠标进入提示框）等。
转载请注明出处：http://www.zyzy.cn/article/detail/5576/ElementPlus