V-tooltip 出现在手机屏幕外

Question

我正在努力阻止 vue 工具提示出现在屏幕外。

我有这个简单的实现：

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here' }">
</span>

如何使工具提示适合 window 框架？

感谢帮助

Answer 1

解决您的问题非常简单。您只需向工具提示对象添加一个额外的属性 boundariesElement: 'window'。

所以在你的情况下它看起来像这样：

<span>
    class="features-tooltip"
    v-tooltip="{ content: 'Long string here', boundariesElement: 'window'}">
</span>

V-tooltip appears outside the screen on mobile