Bootstrap工具提示-悬停错误-VueJS

Question

消失的工具提示框立即消失。

<p id="tooltip_target_tags">Some text</p>
<b-tooltip target="tooltip_target_tags" placement="top" triggers="hover">
    <!-- CONTENT -->
</b-tooltip>

Answer 1

似乎工具提示对象保留在页面上，而不是：

<div class="tooltip fade bs-tooltip-top show">

我的工具提示对象将是：

<div class="tooltip b-tooltip bs-tooltip-top fade">

“ fade”类立即消失。

因为我的工具提示对象没有获得show类，该类默认为：

.tooltip.show{opacity:0.9 !important;}

，我对象的不透明度将保持为0。

唯一适用于我的解决方案是设置tooltip's class不透明度手册。

<style>
      .tooltip{
            opacity: 1 !important;
      }
</style>