溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了vue項目中出現(xiàn)$index is not defined錯誤怎么解決，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
Vue中遇到報錯信息：$index is not defined，是我寫了個for循環(huán)在HTML中，然后是因為版本的問題
下面是解決方法：
原來的是 v-for="person in items"
v-on:click="deletePerson($index)"//這個僅僅適用于1.0版本，不要采坑了同學們
這個在Vue1.0版本中式適用的可以直接使用$index，但是在2.0是不適合的
在Vue 2.0版本中獲取索引我們需要通過 v-for = "(person ,index) in items ", 點擊事件我們也不能使用$index，應該使用
v-on:click="deletePerson(index)"
補充知識：vue中滾動頁面，改變樣式&&導航欄滾動時，樣式透明度修改
.vue
<div class="commonHeader" v-bind:class="{ 'navActive': scrollFlag }">
<img src="@/images/home/icon_jdjr.png" v-bind:class="{ 'scrollFlag': scrollFlag }">
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
}
}上述內容就是vue項目中出現(xiàn)$index is not defined錯誤怎么解決，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
