如何将v-chip放置在textarea或可编辑div中？

Question

当前，我正在使用Vue.js构建Webapp的前端，并且我的代码如下：

<div contenteditable="true" class="renders" v-html="text"></div>

其中“文本”为：

"<v-chip id=\"keyword\"> " + somewords + "</v-chip>"

但这不会将文本呈现为v-chip，尽管#keyword id中的css仍然适用。我如何将v-chip css应用于这样的过程？