Vue Bootstrap - подсказка не работает для динамически отображаемого HTML - PullRequest
Новая
       40

Vue Bootstrap - подсказка не работает для динамически отображаемого HTML

0 голосов
/ 18 мая 2018

У меня есть группа списков, чьи элементы отображаются с помощью вызова API.Например, 

  {
    "MenuID": "1",
    "Name": "<span v-b-tooltip.hover title=\"Self Help Training\">Help</span>",
    "Url": "example.com"
  }

У меня есть приведенный ниже HTML, 

  <ul class="list-group list-group-flush">
    <li class="list-group-item list-group-item-action" v-for="(link, i) in links" :key="i">
      <a :href="link.Url" v-html="link.Name"></a>
    </li>
  </ul>

Подсказка не работает при наведении на элемент.Можете ли вы помочь мне понять, почему это так и как это можно исправить?Спасибо

1 Ответ

0 голосов
/ 18 мая 2018

на основе https://bootstrap -vue.js.org / docs / components / tooltip / необходимо добавить директиву vb-tooltip. 

<ul class="list-group list-group-flush">
  <li class="list-group-item list-group-item-action" v-for="(link, i) in links" :key="i">
     <a :href="link.Url" v-html="link.Name" v-b-tooltip.hover :title="link.Name"></a>
  </li>
</ul>
...