Vuetify数据表：动态显示html模板并将其绑定到网格列

Question

我正在尝试做这样的事情： https://codepen.io/FilippiSilva/pen/VzqeRB 在我的场景中，我有来自数据源的列和这些列的模板，就像我有这样的东西：

<template slot="items" slot-scope="props">
   <td v-for="column in gridColumns"
       class="f-grid-cell py-3 px-4 truncate"
   > {{getFormattedData(column, props.item)}}
   </td>
</template>

其中getFormattedData是一个自定义格式化程序，它返回我们需要在网格上显示的格式化字符串。 当数据是字符串时，这很好用。对于菜单项或操作，我们需要解析原始html并将其显示在此处。我试图在这里使用v-html，但是没有运气。该项目不会在列内显示为html，而是简单文本。如何在数据表的td中编译html标记，以便将其呈现为html。非常感谢这方面的任何帮助。谢谢 我当前的输出是：https://codepen.io/anon/pen/bQZKzV