如何在v-for和v-on中获取索引和事件：单击？

Question

这是一个简单的vue演示：

event

我想绑定onclick函数并将index from v-for和v-on:click="method_1(i)"作为此函数的参数。

如果我使用i：

- 这将使v-on:click="method_1变为以前的变量;

如果我使用click event：

- vue会自动将click event作为参数。

但是我想要.js和之前的变量作为我的函数的参数。我怎么能这样做？

Answer 1

要同时使用事件和参数，您需要具有example($event, params)

之类的内容

使用您的示例，

<li v-for="(text, i) in todoList" v-on:click="method_1($event, i)">
  {{ text }}
</li>

methods: {
  method_1: function(ev, i){
    console.log(ev) // this is the event
    console.log(i) // i is index of v-for
  }
}