Vue报错Custom elements in iteration require 'v-bind:key' directives."错误解决

2024-01-23 14:36:58

错误代码

<swiper>
    <swiper-item v-for="item in banners">
      <a :href="item.link">
        <img :src="item.image" alt="">
      </a>
    </swiper-item>
  </swiper>

正确代码

<swiper>
    <swiper-item v-for="(index,item) in banners" :key="index" >
      <a :href="item.link">
        <img :src="item.image" alt="">
      </a>
    </swiper-item>
  </swiper>