javascript - 将 Ionicon 名称作为道具传递并在子组件中使用它

Question

所以我正在用 Vue 构建一个 Ionic 应用程序，而我恰好遇到了这个特殊问题。我在哪里接收一个对象数组，该对象中的一个字段是icon-name，

现在我不知道或者更确切地说有一个问题是如何使用该icon-name字段来显示所需的图标

根据文档，一种方法是我可以<script src>在 Index.html 中添加一个标签，然后使用name={{item.icon-name}}，但这里的问题是我在浏览器控制台中收到以下错误

加载模块失败 服务器以“text/html”的非 JavaScript MIME 类型响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

第二种方式是我Import {iconName} from "ionicons/icons"并以这种方式返回它， data() 问题是我不知道第一手的图标名称将在数组中传递给我。

请建议..

标签： javascriptvue.jsionic-frameworkionicons