避免对兄弟姐妹产生Vue重复密钥问题的最佳方法是什么?

时间:2018-08-07 08:34:33

标签: javascript vue.js vuejs2

我有不同的对象数组,需要使用v-for进行迭代,并且必须在:key元素上使用v-for属性。这些迭代的divs将是彼此的兄弟姐妹。不同数组中的对象具有id字段,该字段可能具有与value相同的自动递增编号。我想在ids上使用这些:key。但是由于迭代div是同级,所以我得到[Vue warn]: Duplicate keys detected

以下是我的问题的简单重现场景:http://jsfiddle.net/6wopeyLh/

通知arr1arr2都有一个对象,id = 1。

我知道我可以在诸如:key="'for_arr1'+obj.id"之类的文本前添加前缀,以避免发出警告。但是,还有其他方法可以解决此问题,因为我必须跟踪前缀,而且在某些情况下,可以多次迭代同一数组以生成不同的HTML?

0 个答案:

没有答案