Tooltip 文字提示组件 ​

s-tooltip 基于 Element Plus el-tooltip 封装，额外提供了“文本溢出时才显示提示”和“多行省略”能力，适合表格列、描述信息、按钮说明等场景。

Element Plus Tooltip 文档

Hidden Title ​

属性事件插槽简介 ​

基础用法 ​

控制弹出层内容宽度（popperStyle 默认值：Element Plus 默认样式） ​

s-tooltip 的 width 用于控制触发文本区域的宽度；要调整弹出层内容宽度，可通过透传属性 popperStyle 设置。拖动滑块查看内容区域宽度和自动换行效果。

自定义文本样式 ​

通常用法 ​

主题与点击事件 ​

最大行数 ​

触发方式 ​

延迟触发 ​

自定义主题和禁用状态 ​

显示 HTML / VNode 内容 ​

自定义插槽 ​

受控模式 ​

组件属性 ​

常用透传属性 ​

事件 ​

插槽 ​

说明 ​

• 未传默认插槽时，组件会把 content 作为展示文本，并在文本超出可视区域后才显示 tooltip。
• class/style 应用在外层触发节点，内部内容不会重复应用这些样式。设置外层样式时，弹层按内部内容的可见范围定位，排除外层 margin、padding 和被省略的文本部分；居中 placement 的箭头对齐可见内容中心，边界避让时由 Element Plus 调整。
• 传入默认插槽后，tooltip 会按正常交互触发，不再做文本溢出判断。
• 设置 showSlot=false 并使用 trigger 插槽时，触发节点会直接作为 tooltip 定位元素，不添加文本包裹层。
• 设置 lineClamp 大于 1 后，会按最大行数进行多行省略；超出可视高度时同样会显示 tooltip。
• lineClamp 只作用于组件默认渲染的文本区域，不影响自定义触发插槽的布局。
• content 支持字符串、HTML 字符串、VNode，以及 content 插槽形式的动态内容。
• 更多配置请参考 Element Plus Tooltip 文档。