vue-language-server：迭代中的元素应该具有“v-bind：key”指令

Question

<template :slot="slotName" slot-scope="props" v-for="slotName in  $scopedSlots?Object.keys($scopedSlots):null">
    <slot :name="slotName" :row-data="props.rowData" :row-index="props.rowIndex" :row-field="props.rowField"></slot>
</template>

<template :slot="slotName" slot-scope="props" v-for="(slotName, index) in  $scopedSlots?Object.keys($scopedSlots):null" :key="index">
    <slot :name="slotName" :row-data="props.rowData" :row-index="props.rowIndex" :row-field="props.rowField"></slot>
</template>

Answer 1

这个问题得到了很好的回答，但我想添加一个示例和一个到文档的链接：

此结构导致上述错误：

<div v-for="(item, index) in items">
    {{index}}. {{item.name}}
</div>

您可以通过如下更改语法来修复它：

<div v-for="(item, index) in items" :key="item.id">
    {{index}}. {{item.name}}
</div>