将HTML内容插入Vue工具提示

Question

当表格单元格的内容超过22个字符时，我正在尝试为Vue中的表格单元格提供工具提示。

我需要使用v-tooltip库（https://www.npmjs.com/package/v-tooltip）

我可以使用'content'属性将工具提示的内容正确设置为一个简单的字符串，但是，当我尝试设置html内容时，工具提示为空白，而html内容应该显示在工具提示，经常出现在td中。

<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>` }"