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>