我有不同的对象数组,需要使用v-for
进行迭代,并且必须在:key
元素上使用v-for
属性。这些迭代的divs
将是彼此的兄弟姐妹。不同数组中的对象具有id
字段,该字段可能具有与value相同的自动递增编号。我想在ids
上使用这些:key
。但是由于迭代div是同级,所以我得到[Vue warn]: Duplicate keys detected
。
以下是我的问题的简单重现场景:http://jsfiddle.net/6wopeyLh/
通知arr1
和arr2
都有一个对象,id
= 1。
我知道我可以在诸如:key="'for_arr1'+obj.id"
之类的文本前添加前缀,以避免发出警告。但是,还有其他方法可以解决此问题,因为我必须跟踪前缀,而且在某些情况下,可以多次迭代同一数组以生成不同的HTML?