Javascript Vue组件-将道具传递到类中不起作用？

我有一个用于互动程序的组件，其中我希望通过组件中的道具提供互动程序标题、链接名称和图标名称。这将使我能够为多个页面和链接提供必要的数据

我可以使互动程序标题和链接名称正常工作，但无法使图标显示在互动程序上。据我在Devtools上看到的，字符串看起来是正确的

注意-欢迎您对我的代码布局或使用提出任何反馈

Home.vue

HomeTile.vue（组件）

{{TileTitle}
导出默认值{
名称：“HomeTile”，
道具：{
TileTitle：{
类型：字符串，
必填项：true
},
链接名称：{
类型：字符串，
必填项：true
},
我的名字：{
类型：字符串，
要求：正确，
默认值：“”
}
}

我想这部分在上课前漏掉了两点

      <span class="icon m-2">
        <i :class="IconName"></i>
      </span>

---

我想这部分在上课前漏掉了两点

      <span class="icon m-2">
        <i :class="IconName"></i>
      </span>

---

尝试使用

v-bind

绑定它：

<i v-bind:class="IconName"></i>

---

尝试使用

v-bind

绑定它：

<i v-bind:class="IconName"></i>

当您想将变量或使用js语法传递到html属性中时，请使用

：

前缀。因此，您的解决方案应该是

：class=“IconName”

当您想将变量或使用js语法传递到html属性中时，应该以camelCase而不是pascalcasese命名Props

：

前缀。因此，您的解决方案应该是

：class=“IconName”

道具应该用camelCase命名，而不是PascalCaseArgh！很棒的现场团队！感谢反馈，我会尝试一下。祝其他人好运：DJust更新了它，工作得很有魅力。肯定是我尖叫错过它的时候！再次感谢！很棒的现场团队！感谢反馈，我会给它一个tryAnytime mate祝其他人好运：DJust更新了它，工作起来很有魅力。肯定有一次我尖叫着说我错过了它！再次感谢