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>