Html V形工具提示显示在手机屏幕外
我正在努力阻止vue工具提示出现在屏幕外 我有一个简单的实现:Html V形工具提示显示在手机屏幕外,html,css,vue.js,tooltip,Html,Css,Vue.js,Tooltip,我正在努力阻止vue工具提示出现在屏幕外 我有一个简单的实现: <span> class="features-tooltip" v-tooltip="{ content: 'Long string here' }"> </span> class=“功能工具提示” v-tooltip=“{content:'此处为长字符串'}”> 如何使工具提示适合窗口框架 感谢您的帮助解决您的问题非常简单。您只需向工具提示对象添加一个附加属性boundarie
<span>
class="features-tooltip"
v-tooltip="{ content: 'Long string here' }">
</span>
class=“功能工具提示”
v-tooltip=“{content:'此处为长字符串'}”>
如何使工具提示适合窗口框架
感谢您的帮助解决您的问题非常简单。您只需向工具提示对象添加一个附加属性
boundarieseElement:“窗口”
因此,在您的情况下,它将如下所示:
<span>
class="features-tooltip"
v-tooltip="{ content: 'Long string here', boundariesElement: 'window'}">
</span>
class=“功能工具提示”
v-tooltip=“{content:'此处为长字符串',boundarieseElement:'窗口'}”>