Question

假设我有v-for重复的嵌套元素，如下所示：

<div id="container">
    <div v-for="i in 3">
       <div v-for="j in 3" v-on:click="clicked(i,j)">
         {{i+','+j}}
       </div>
    </div>
</div>

和相应的javascript：

var vm = new Vue({
   methods:{
    clicked:function(i, j){
        //How to access the click event here?
    }
   },
   el:'#container'
})

如果我使用v-on:click="clicked"，我可以访问clicked函数中的事件（以及相应的元素）。但我想提供参数i和j，我如何访问它们和点击事件？无论事件如何（keyup，keydown，blur，focus等），我都希望能够做到这一点。

Answer 1

要访问事件对象发送$event作为参数，如果在事件处理程序中找到$event命名参数，Vue将分配事件对象。

<div v-for="j in 3" v-on:click="clicked(i, j, $event)">
 {{i+','+j}}
</div>

VueJS v-for访问事件中的参数和事件对象

1 个答案: