vue报错Duplicate keys detected: '1'. This may cause an update error.key值重复

除了网上大家都在说的原因key值重复之外还有一个原因就是有两个相同的for循环，而这两个for循环的key值是一样的，此时将一个的key值加一个数字或者加一个字符串例如

<template>
  <div class="nav">
    <div v-for="(item,index) in iconHref" class="icon" :key="index" >
      <img :src="item.picture" :class="navPicStyle" v-show="showpic">
      <div class="pic-text" v-show="type==='picturetext'">{{item.text}}</div>
    </div>
    <div v-for="(item, index) in iconHref" class="text-icon" v-show="showtext" :key="index+10
    ">
      <div :class="navTextStyle">{{item.text}}</div>
    </div>
  </div>
</template>

''