Vue vor循環索引作爲點擊函數參數

Question

我想使用v-for循環的索引作爲點擊處理程序的參數，但是這會返回undefined？

<div v-for="(item, key, index) in groups" v-on:click="selected(index)">{{item.name}}</div> 

處理器

selected(i) { 
    console.log("you clicked " + i) // this logs "you clicked undefined" 
} 

Answer 1

看起來你正在使用的語法對象不是數組。將您的v-for更改爲：

<div v-for="(item, index) in groups" v-on:click="selected(index)">{{item.name}}</div>