Вставка HTML-содержимого в подсказку Vue

Question

Я пытаюсь отобразить всплывающую подсказку для ячейки таблицы в Vue, если содержимое ячейки таблицы превышает 22 символа.

Мне нужно использовать библиотеку v-tooltip (https://www.npmjs.com/package/v-tooltip)

. Я могу установить правильную строку содержимого подсказки, используя атрибут content, однако при попыткечтобы установить html-контент, всплывающая подсказка пуста, а html-контент, который должен был появляться внутри всплывающей подсказки, постоянно появляется в тд.

<td v-if="cellContent !== null && cellContent.length>22">
        <div>
            <!-- <span v-tooltip.right="{content: 'This works, but is just a simple string', class:'mytooltip'}">{{cellContent.substring(0, 19)}}...</span> -->
            <span class="icon-info-outline" v-tooltip.right="{ html: 'wildcardContent', class:'mytooltip' }"></span>
            <div id="wildcardContent">
                <p>This Fails and is displayed in the td</p>
            </div>
        </div>
    </td>                        
    <td v-else >{{cellContent }}</td>

Answer 1

v-tooltip="{ content: `<h1>Hellow World</h1>` }"