Javascript Vuetify动态创建v形图标

我想用javascript动态创建v-icon。这是我的代码：

const icon = document.createElement('v-icon');
icon.innerHTML = 'folder_open';

但是它不起作用。它只显示文本而不是v形图标。

---

如何操作？

v-icon

不是有效的html元素。

v-icon

组件将被转换为具有特定类的html有效

i

-标记。Vuetify图标利用谷歌的材质图标字体库。因此，要动态创建一个伪

v-icon

元素，您必须创建一个

i

元素，并将

材质图标图标

指定为类。最后，您将图标的名称添加到内部html中，就像您已经做的那样

例如：

const icon = document.createElement('i');
icon.className = "material-icons icon";
icon.innerHTML = "folder_open";
var main = document.getElementById('main');
main.appendChild(icon);

---

小提琴：你好

v-icon

可能是一个指令/组件，您不能使用

document.createElement

生成它的实例（它可能看起来像浏览器无法识别的标记）。你能多分享一下你到底想做什么（以及什么时候）的背景吗？可能有更好的类似vue的数据驱动方法来实现这一点——这似乎是一个非常类似于jQuery的解决方案。很高兴提供帮助，欢迎使用Stack Overflow。如果此答案解决了您的问题，请将其标记为已接受。