Javascript b-list-group-item中的v-bind在具有BootStrap vue的vue CLI应用程序中不起作用

我有一个使用vue CLI制作的应用程序，包括引导vue。在我的App.vue中，我正在使用axios获取一些示例JSON数据。我用b-list-group-item（引导标记）生成一个列表，并希望在每个元素中绑定一个键（v-bind:key=“result.ItemId”）。这是行不通的。在html中，不呈现“键”

这是代码片段：

 <b-list-group >
      <b-list-group-item
        href="#"
        class="flex-column align-items-start"
        v-for="result in post"
        v-bind:key="result.ItemId"
      >
        <div class="d-flex w-100 justify-content-between">
          <h6 class="mb-1">{{ result.ItemHeading }}</h6>
          <small>{{ result.ItemSubHeading }}</small>
        </div>

        <p class="mb-1">{{ result.ItemDetails }}</p>

      </b-list-group-item>
    </b-list-group> 

---

我想尽一切办法把它绑起来。请提供帮助。

首先，您必须按键[result.ItemHeading]的值在json文件内循环，然后必须按值props的相同名称在props内绑定此值：[“ItemHeading”、“ItemSubHeading”、“ItemDetails”]

{{result.ItemHeading}
{{result.ItemSubHeading}
{{result.ItemDetails}
导出默认值{
道具：[“项目标题”、“项目副标题”、“项目详细信息”]
};

键仅用于Vue正确处理列表项。这意味着什么？如果我用“id”或“john”，这是同样的问题。你能解释一下吗？你的最终目标是什么？Vue只将真正需要的内容渲染到DOM中。因此，DOM中没有

v-if=“true”

，但元素要么在那里，要么不在那里。钥匙也一样。它在Vue内部使用，但不会呈现到DOM中。

键

属性用于向Vue指示元素何时应重新提交其内容。当密钥更改时，Vue将重新加载该组件。感谢您的解释。如果我在没有vue CLI的情况下构建应用程序，例如，我可以在列表项中添加元素（id=…）<代码>MusterBank 2019年1月25日。我需要一个ID或密钥以进一步使用此列表元素。您是否尝试像这样绑定

ID

：

？

0: {ItemId: "10075328", ItemHeading: "news im November", ItemSubHeading: "unter news",…}
Date4Itemnew: "24.11.2019"
ItemDetails: "lorem ipsum"
ItemHeading: "news im November"
ItemId: "10075328"
ItemSubHeading: "unter news"
u_date: "1574550000"