移动设备上的V-tooltip出现在屏幕外部

Question

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

我有这个简单的实现：

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

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

感谢您的帮助

Answer 1

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

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

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