vue1.0中$index一直报错的解决办法
Posted web小白需努力
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 <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>
以上是关于vue1.0中$index一直报错的解决办法的主要内容,如果未能解决你的问题,请参考以下文章
使用dubbo时applicationContext.xml报错的解决办法