vue1.0中$index一直报错的解决办法

Posted 2020-10-19 web小白需努力

原文链接：https://www.cnblogs.com/liqiong-web/p/8144925.html

看学习视频，因为年份比较早了，其实vue早已迭代到vue2.0了，遇到一些问题：

v-for遍历数组，获取索引

注意：在2.0版是1~10中，$index已废除，索引 (item,index)。

如下为vue1.0的写法，$index浏览器会报错

1 <ul v-if="seller.supports" class="supports">
2    <li class="support-item" v-for="item in seller.supports">
3       <span class="icon" :class="classMap[seller.supports[$index].type]"></span>
4        <span class="text">{{seller.supports[$index].description}}</span>
5     </li>
6</ul>

 

更新为vue2.0后，这样写才对

 

1 <ul v-if="seller.supports" class="supports">
2   <li class="support-item" v-for="(item,index) in seller.supports">
3     <span class="icon" :class="classMap[seller.supports[index].type]"></span>
4     <span class="text">{{seller.supports[index].description}}</span>
5   </li>
6 </ul>