Пользовательские классы для vb-tooltip

Question

Я хочу создать разные версии загрузочных всплывающих подсказок, зеленый красный и т. Д. Итак, из того, что я читаю на https://bootstrap -vue.js.org / docs / components / tooltip / Мне нужноопределить элемент контейнера и затем стиль соответственно,

Я пробовал: container = "tooltip-container" и: container = "'tooltip-container'", но ни один не работает, я отслеживаю dom, и моя подсказка имеетнет родительского div с идентификатором tooltip-container.

<template>
  <span>
    <span id="tooltip-container" class="tooltip-green">
    </span>
    <i v-b-tooltip
     class="btr bt-info-circle text-secondary"
     triggers="hover click"
     :title="text"
     :container="'tooltip-container'"></i>
  </span>
</template>

Answer 1

Чтобы отобразить всплывающую подсказку span, вы должны использовать:

<i v-b-tooltip="{container: '#tooltip-container'}"

Насколько я знаю, только title можно указать с помощью отдельного атрибута.Для других параметров конфигурации вам нужно либо использовать модификаторы директивы (например, v-b-tooltip.hover.click), либо передать значение в директиву (например, v-b-tooltip="{trigger: 'hover click'}".

).