Javascript VueJS v-for在事件发生时访问参数和事件对象
假设我有嵌套元素,它们以Javascript VueJS v-for在事件发生时访问参数和事件对象,javascript,vue.js,dom-events,Javascript,Vue.js,Dom Events,假设我有嵌套元素,它们以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
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>
如果我使用
v-on:click=“clicked”
我可以在clicked
功能中访问事件(以及相应的元素)。但是我想提供参数I
和j
,如何访问它们和单击事件?我希望能够做到这一点,而不考虑事件(keyup
,keydown
,blur
,focus
等)。要访问事件对象send$event
作为参数,如果在事件处理程序中找到$event
命名参数,Vue将分配事件对象
<div v-for="j in 3" v-on:click="clicked(i, j, $event)">
{{i+','+j}}
</div>
{{i+','+j}
supply$event作为单击($event,i,j)中的参数
<div v-for="j in 3" v-on:click="clicked(i, j, $event)">
{{i+','+j}}
</div>