vue遇到的添加current失败

做仿饿了么单页面的时候，商品部分右侧滚动，左侧对应分栏添加current，但是失败，左侧导航代码如下

<div class="menu-wrapper" ref="menuWrapper">
  <ul>
    <li v-for="(item,key,index) in goods" :key="key" class="menu-item" :class="{'current':currentIndex === index}">
      <span class="text border-1px">
        <span v-show="item.type > 0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
      </span>
    </li>
  </ul>
</div>

然后进行更改后，让index做key值，解决，想不明白原理，，，，但是解决了，，，如果有人看到了，，，，希望解答一下，，，