使用v-tooltip：在v-html内容内激活指令

Question

我需要Vue.js软件包v-tooltip（https://akryum.github.io/v-tooltip/#/）的帮助。

我阅读了文档并在网站上看到了示例，并且我的测试运行良好：

<a
  href="#"
  v-tooltip="{
    content: 'Tooltip Content',
    placement: 'top-center',
    delay: {
      show: 400,
      hide: 400,
    },
  }"
  class="tooltip-link">tooltip special link</a>

现在，在我的网站上，我无法像本例一样插入HTML标记，但是在我的组件中，我获得了一个属性 data-content 。此属性是包含 v-tooltip 指令的HTML标记，因此我以这种方式打印它：

<div class="rte general-typo"v-html="content"></div>

内容是使用WISIWIG编辑器创建的，修改后可以为工具提示元素添加自定义标记；我的Vue组件只得到了这个字符串变量。

此操作的结果是 v-tooptip 指令未“读取”，并且工具提示未显示。 通过检查器，我可以看到两个示例之间的区别：在第一个示例中，我可以看到<a data-v-00f96b30="" href="#" class="tooltip-link has-tooltip" data-original-title="null">tooltip special link</a>（v-tooltip指令已处理，工具提示已激活），在第二个示例中，我可以看到<div data-v-00f96b30="" class="rte general-typo"><a href="#" v-tooltip="{content: 'Tooltip Content',placement: 'top-center',delay: {show: 400,hide: 400,},}" class="tooltip-link">tooltip special link</a></div> 。

如何“强制”激活指令？