Vue问题在表格内渲染v-html

Question

我正在尝试使用 v-html 动态注入 vue 标签。但是，它没有按预期呈现。我附上了一个 jsFiddle 示例的链接，我尝试通过 v-html 添加一个 v-icon。它没有正确注入标签，而是将标签剥离并仅呈现其间的内容。

例子：

以下代码可以正常工作，但它不是动态的。如果我想要 v-icon 旁边的其他 html 标签怎么办？

<table>
 <tr>
  <td><v-icon>mdi-car-side</v-icon></td>

以下代码不起作用，但它是动态的。它只是将图标名称放在屏幕上，并去掉标签。

<table>
 <tr>
  <td v-html="dynamicData"></td>

https://jsfiddle.net/cgbwe31t/1/

我已在https://vuejs.org/v2/guide/syntax.html#Raw-HTML 阅读了关于“请注意，您不能使用 v-html 来编写模板部分，因为 Vue 不是基于字符串的模板引擎”的简介，但我不确定是否适用于这种情况.

Answer 1

如果有人想知道，最好的解决方案是使用 v-slot 插入任何你想要的 html。