Avoid using non-primitive value as key, use string/number value instead.

在使用v-for的时候,控制台报错,Avoid using non-primitive value as key, use string/number value instead.
主要是原因是key用的不对,
key是要唯一性的,所以应该用循环的数据里面唯一的来做,比如id,如下,我的i对应的是一个对象,所以,如果直接用:key="i",就会报错的,所以应该是:key="i.id"

<div class="center" v-for="i in report" :key="i.id" style="padding-right:20px;">
   <p>{{i.production_batch}}</p>
</div>

如果数据里面没有唯一性的数据,可以用index来做,如下

<div class="center" v-for="(i,index) in report" :key="index" style="padding-right:20px;">
   <p>{{i.production_batch}}</p>
</div>

你可能感兴趣的:(Avoid using non-primitive value as key, use string/number value instead.)