VueテンプレートでクリックしたコンポーネントのID（または他の属性）を取得する方法は？

Question

私はこのような設定をしています。これは、クリックされ、特定の文字列を使ってメソッドを呼び出す要素です。もちろん、私は冗長な名前を維持する必要はありませんので、IDを提供することをお勧めします。

私が使用する構文は V-上= "クリックしてください：clickarooを" だったことhereとthereを見てきましたgooglearching行ってきました

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

すなわちV-に、in the docsを示すをしていないよう：= "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); 
    } 
}