字段悬停提示

解决表单字段解释难题

在复杂的 B 端产品中，表单字段（如特定业务指标、审批规则）往往带有隐含逻辑。仅靠占位符或帮助文档难以直观传达，强行增加说明文字又会破坏表单排版。

核心实现与挂载步骤

该技能基于 tippy.js 构建，通过轻量级交互解决字段说明问题：

• 动态挂载：在字段 label 旁自动渲染帮助图标，将长文本说明转移至悬浮层，保持界面整洁。
• 内容渲染：支持纯文本及可信 HTML，开发者可通过 allowHTML: true 灵活控制排版。
• 内存管理：在组件卸载阶段（onBeforeUnmount）必须调用 destroy()，确保无残留节点，防止内存泄漏。

适用边界与安全警告

此技能适用于局部字段释义，并非全站导览工具。

注意：若开启 allowHTML，严禁直接注入未经消毒的用户输入，以防 XSS 攻击。推荐使用 tippy.js 官方 CSS 以获得最佳显示效果。