vue1.0中$index一直報錯的解決辦法
阿新 • • 發佈:2018-01-01
script 問題 pos 報錯 ssm targe 分享 解決 for
原文鏈接: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一直報錯的解決辦法