title: How to get both index and event in v-for and v-on:click?
body: <p>This is a simple vue demo:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="app"&gt;
      &lt;ul&gt;
          &lt;li v-for="text,i in todoList" v-on:click="method_1(i)" &gt;{{text}}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul&gt;
          &lt;li v-for="text,i in todoList" v-on:click="method_2" &gt;{{text}}&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      new Vue({
          el:"#app",
          data:{
              todoList:["aaaaa",'bbbbbb','ccccc']
          },
          methods:{
              method_1:function(i){
                  console.log(i) // i is index of v-for
              },
              method_2:function(e){
                  console.log(e)
              },
          }
      })
  
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I want to bind onclick function and put <code>event</code> and <code>index from v-for</code> as this function's params.</p>
  
  <p>If I use <code>v-on:click="method_1(i)"</code>:</p>
  
  <p>-- vue will this take <code>i</code> is varibale  of before;</p>
  
  <p>eles if I use <code>v-on:click="method_1</code> :</p>
  
  <p>-- vue will automatlly take <code>click event</code> as params.</p>
  
  <p>But I want both <code>click event</code> and variable of before as my function's params.How can I do that?</p>