javascript - 如何在 VueJS2 中将事件目标作为 $emit 参数传递？

Question

我有这个 VueJS 2 模板

    var aThing = Vue.component('something',{
    template :` <button @click="$emit('custom-event','hello there')">Click me</button>`});

是否可以将实际按下的按钮作为参数传递给 $emit ？例如在 click 事件中，它通常被传递，但事件可以在这样的函数中访问

function(event){
  event.target; //I want this
}

这是我的问题的 jsfiddle

https://jsfiddle.net/wntzv4sk/2/

Answer 1

Vue 通过名为 $event 的变量使事件对象在模板中可用。这是 documented here .

既然如此，您可以以这种方式发出事件的目标:

$emit('custom-event', 'hello-there', $event.target)