Vue & Bootstrap - передать HTML во всплывающую подсказку - PullRequest
Новая
       12

Vue & Bootstrap - передать HTML во всплывающую подсказку

0 голосов
/ 26 марта 2019

В моем приложении Vue я должен реализовать элемент tooltip для b-card.Внутри b-card у меня есть еще один элемент b-card-text, и я применяю директиву v-html к нему и передаю переменную, которая хранит данные HTML.Поскольку данные HTML слишком длинные, я применяю фильтр truncate с многоточием, поэтому отображаются только первые X символов.Но при наведении курсора я хочу tooltip, который покажет все данные.Я пробовал атрибут tooltip, атрибут v-b-tooltip:hover, элемент b-tooltip, но он не работает.Вот код: 

<b-card
              v-for="item of items"
              :key="item.id"
              :title="item.title"
              :img-src="item.image"
              class="mb-2"
            >
              <b-card-text
                :id="item.id"
                class="b-card-text"
                v-html="$options.filters.truncate(item.content, 50, '...')" />
            </b-card>

ПРИМЕЧАНИЕ: item.content - это HTML

...