我已经将vue.js用于了几个项目,并且我一直使用索引作为for循环中的键
<div v-for="(item, index) in items" :key="index"></div>
Run Code Online (Sandbox Code Playgroud)
...并开始怀疑是否存在问题,因为示例通常使用项目的ID.
<div v-for="(item, index) in items" :key="item.ID"></div>
Run Code Online (Sandbox Code Playgroud) 我有一个 Vue 模板,它接收 json 字符串作为数据:
<component data="{{ object.toJson() }}"></component>
Run Code Online (Sandbox Code Playgroud)
对象由名称和字符串数组组成。我现在有这个
<template>
<ul>
<li v-for="url in object.data['urls']">{{ url }}</li>
</ul>
</template>
Run Code Online (Sandbox Code Playgroud)
然而,这在我的 linter 上给出了错误,我想知道为什么。这与文档中发布的 Vue 示例完全相同。
error 迭代中的元素期望具有 'v-bind:key' 指令 vue/require-v-for-key