本篇文章為大家展示了vue項(xiàng)目中出現(xiàn)$index is not defined錯(cuò)誤怎么解決，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)專(zhuān)注于貢覺(jué)企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站開(kāi)發(fā)。貢覺(jué)網(wǎng)站建設(shè)公司,為貢覺(jué)等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站設(shè)計(jì)，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

Vue中遇到報(bào)錯(cuò)信息：$index is not defined，是我寫(xiě)了個(gè)for循環(huán)在HTML中，然后是因?yàn)榘姹镜膯?wèn)題

下面是解決方法：

原來(lái)的是 v-for="person in items"

v-on:click="deletePerson($index)"http://這個(gè)僅僅適用于1.0版本，不要采坑了同學(xué)們

這個(gè)在Vue1.0版本中式適用的可以直接使用$index，但是在2.0是不適合的

在Vue 2.0版本中獲取索引我們需要通過(guò) v-for = "(person ,index) in items ", 點(diǎn)擊事件我們也不能使用$index，應(yīng)該使用

v-on:click="deletePerson(index)"

補(bǔ)充知識(shí)：vue中滾動(dòng)頁(yè)面，改變樣式&&導(dǎo)航欄滾動(dòng)時(shí)，樣式透明度修改

.vue

data

scrollFlag:false,

mounted

window.addEventListener('scroll', this.handleScroll)

methods

handleScroll () {
 let _this=this;
 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
 // console.log(scrollTop)
 if(scrollTop){
  _this.scrollFlag=true
 }else{
  _this.scrollFlag=false
 }
}

當(dāng)前題目：vue項(xiàng)目中出現(xiàn)$indexisnotdefined錯(cuò)誤怎么解決-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/jchis.html