模板内部的Vue for循环

Question

我有一个Vue模板，可以接收json字符串作为数据：

<component data="{{ object.toJson() }}"></component>

对象由名称和字符串数组组成。现在，我的

中有这个

<template>    
    <ul>
      <li v-for="url in object.data['urls']">{{ url }}</li>
    </ul>
</template>

但是，这给我的短毛绒带来了错误，我想知道为什么。这与根据文档中发布的Vue示例完全相同。

  

迭代中的错误元素期望具有'v-bind：key'指令vue / require-v-for-key

Answer 1

您可以像这样向元素添加索引：

<template>    
    <ul>
      <li v-for="(url, index) in object.data['urls']" :key="index">{{ url }}</li>
    </ul>
</template>