Как получить идентификатор (или любой другой атрибут) компонента, нажатого в шаблоне Vue?

Question

У меня есть такая настройка. Это элемент, который щелкнут и вызывает метод, используя определенную строку для распознавания. Конечно, я бы предпочел, чтобы ID был предоставлен, поэтому мне не придется поддерживать избыточные имена.

<li id="donkey" v-on:click="clickaroo('donkey');">Donkey</li> 
... 
methods: { 
    ... 
    clickaroo: function(event) { console.log(event + " clicked"); } 
} 

Когда я пошел googlearching я видел here и there, что синтаксис, используемый был v-на = "нажмите: clickaroo" и не как показано in the docs, т.е. v-на: нажмите = "clickaroo ". Первый, похоже, не работает вообще, не говоря уже о том, чтобы получить правильное значение.

Я также нашел big nothing, и теперь я смущен, как решить вопрос. Правильно ли в Vue предоставить параметр, как я?

Answer 1

Вы можете получить доступ к элементу, нажатому из текущего события.

Код будет выглядеть примерно так

<a v-on:click="myFunction($event, 'param')">Click me</a> 

// in your component 
methods: { 
    myFunction: function(event, param) { 
     console.log(event.target); 
    } 
}