码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-01-01 00:26:04      阅读:422      评论:0      收藏:0      [点我收藏+]

标签:gpo   问题   问题:   map   nbsp   注意   tar   web   ref   

原文链接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一直报错的解决办法

标签:gpo   问题   问题:   map   nbsp   注意   tar   web   ref   

原文地址:https://www.cnblogs.com/zr123/p/8159356.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!