Vue.js: Как подписать на событие корневой элемент компонента, только у одного экземпляра?

Question

[Evgений]

Есть неоднократно используемый компонент кнопки
Нужно каждой из кнопок назначить метод при нажатии.
Подписаться на Click событие с помощью такой реализации не получается:

<v-icon-button v-on:click="dosomething"></v-icon-button>

Какие есть способы? Шаблон компонента примерно такой:
<button class="icon-button"><slot></slot></button>

Comments

[Алексей Ярков]

Не понятно почему с помощью такой реализации не получается. В чем сложность?
Ну и да, может пример кода?

Answer 1

[0xD34F]

Подписывайтесь на нативное событие:

<v-icon-button @click.native="dosomething">

Или генерируйте событие в компоненте:

<button class="icon-button" @click="$emit('click')">