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中读过有关“请注意，由于Vue并非基于字符串的模板引擎，您不能使用v-html来组成模板部分”的内容，但我不确定该设置是否适用于这种情况。

Answer 1

万一有人想知道，最好的解决方案是使用v槽插入想要的任何html。