Javascript v-tooltip无法在生产中使用自定义css

当用户将鼠标悬停在div上时，我使用v-tooltip来显示一些内容。 它正在发展中，没有任何问题

然而，当我为生产环境构建它并移动到prod环境时，自定义css并没有应用到我的工具提示中

我使用的v形工具提示版本是^2.0.0-rc.33

下面是我的代码

<div class="comments" @mouseover="mouseOverTooltip()" v-tooltip="{
              content: a.note,
              placement: 'top',
              classes: ['o-tooltip'] }">
            <span class="title">{{a.note}}</span></div>

---

尝试在生产环境中调试您的代码可能丢失了一些东西尝试删除

>>

，如果您想直接使用child

>

@Dejan.S尝试了同样的方法（调试器）您可以删除

，使用类

.comments.h-tooltip.vue tooltip

，如果您不想特定于第一个孩子，那么就足够了。正如@RoToRa提到的，如果您的任何样式被覆盖或只是您的样式根本没有被应用，请在devtools中进行检查。

 .comments >>> .h-tooltip.vue-tooltip {
    box-sizing: border-box;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3d3d3d;
    background-color: #fff;
    max-width: 100%;
    padding:8px 8px 5px 8px;
    border-radius: 4px;
    border: solid 2px #1cacac;
    box-shadow: 0 7px 8px 0 rgba(170, 170, 170, 0.2), 0 5px 22px 4px rgba(170, 170, 170, 0.14), 0 12px 17px 2px rgba(170, 170, 170, 0.12)
 }