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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

原文链接：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 
4 {{seller.supports[$index].description}}
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 
4 {{seller.supports[index].description}}
5 </li>
6 </ul>