Javascript 阵列的Vue单击事件

方法如下

items: [mouse, bull, tiger, rabbit, pig, cat, dog, horse]

---

我想单击每个div，该div告诉我它的内容，因此我将内容绑定到每个div的id。问题是我无法访问

myMethod（）

中项目的索引。我想将每个项目的索引用于其他目的。我如何访问它们？目前，我只能通过id属性将数据传递给方法。

您可以像这样将索引传递给方法

myMethod: function(event){
    console.log(event.target.id);
}

{{n}

您可以像这样将索引传递到方法中

myMethod: function(event){
    console.log(event.target.id);
}

{{n}

我想将每个项目的索引用于其他目的。我怎么能 访问它们

很简单，只是传递一下，就像这样：

<div v-for="(n, index) in items" :id="n" @click="myMethod($event, index)">{{n}}</div>

{{item}}

我想将每个项目的索引用于其他目的。我怎么能 访问它们

很简单，只是传递一下，就像这样：

<div v-for="(n, index) in items" :id="n" @click="myMethod($event, index)">{{n}}</div>

{{item}}

您可以将迭代属性作为参数传递到方法中，例如

myMethod（n，index）

您可以将迭代属性作为参数传递到方法中，例如

myMethod（n，index）