悬浮提示

QTooltip 组件用于向用户提供有关应用程序中某个区域的更多信息。当鼠标悬停在目标元素上时(或者在移动平台上快速点击并保持) ，工具提示就会出现。

QTooltip API

直接将 QTooltip 放置在目标 DOM 元素/组件中，作为其直接子级。不要担心 QTooltip 内容从容器继承 CSS，因为 QTooltips 将会通过 Quasar Portal 被注入为 <body> 的直接子级。

下面的示例只显示了部分的过渡效果，完整的列表请参考过渡效果页面。

下面的例子展示了如何创建可以与不同目标共享的可复用的菜单。

通过 anchor 和 self 属性可自定义 QTooltip 出现的位置。 QTooltip 弹出窗口的最终位置是通过计算得出的，以便它将显示在可用的屏幕上，必要时会切换到右侧和/或顶部。

关于水平方向上的定位，如果您希望其自动适应 RTL 或 non-RTL，您可以使用 start 和 end。start 和 end 在 non-RTL 中表示“左”，在 RTL 中表示“右”。

<q-tooltip anchor="bottom middle" self="top middle">
  Here I am!
</q-tooltip>

发现了一处错误？帮助改进提交问题

免责声明本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。