显示Vuetify Material Design v图标，不带标记

Question

我有一堆HTML文本，在这篇文本中我想使用一个Material设计图标。例如：

var htmlText = "<p>Hello world, have an icon: <v-icon small>mdi-alert</v-icon>.</p>

在模板中，我们将这样编码：

<div v-html="htmlText"/>

由于v-icon是一个vuetify标签，它不会被渲染，所以输出将是：

Hello world, have an icon: mdi-alert.

我认为可能的选择是使用Vue.compile(https://v2.vuejs.org/v2/api/#Vue-编译(。然而，我并不是只有一个字符串，而是一个包含大量html字符串的嵌套对象，所以这种方法感觉有点麻烦(而且可能存在性能问题？(，尤其是因为我真正需要呈现的唯一标签是v-icon。

由于我已经在导入Vuetify库，它可能在某个地方导入了MDI库，难道没有其他方法可以在不经过v-icon的情况下显示"材质设计"图标吗？

对此，什么是好的解决方案？

Answer 1

使用Vuetify时，解决方案是使用以下格式：

Bob lives in a <span class="mdi mdi-home"></span>.

感谢Michal Levý为我们指明了正确的方向。