Vuejs component list should have explicit keys problem

There is a problem after writing the following code

<template>
  <carousel-3d >
    <slide v-for="(item,index) in img" :index="index" >
      <img :src="item" alt="">
    </slide>
  </carousel-3d>
</template>
Copy the code

The reason:

Key =” XXX “=” XXX” =” XXX “=” XXX” =” XXX “=” XXX” =” XXX”

If there is no unique identifier, consider v-for=”(item, IDx) in items” and set :key=”idx”

Change the above code to what it looks like now:

<template>
  <carousel-3d >
    <slide v-for="(item,index) in img" :index="index" :key="index">
      <img :src="item" alt="">
    </slide>
  </carousel-3d>
</template>
Copy the code