Как подвесить событие vue?

Question

[weraleto]

Пишу сайт на vue.js, не удается подвесить событие @click на кнопки "да"-"нет" (и в целом не срабатывает ни на один элемент тега table)
в чем может быть причина?

код компонента https://github.com/weraleto/new/blob/master/1.vue
демо можно посмотреть здесь weraleto.ru/quiz
(3 этап анкеты)

Comments

[Andrey Suha]

А как Вы определяете срабатывает или нет?

[fallus]

Слушьте, а вот обработчики событий onplus и onminus находятся в родительском компоненте, верно?(просто его в примере нет)
Ведь в примере я не вижу ничего кроме export.

В родительском компоненте стоит проислушка на события?
@onplus и @onminus

Как пример:

<MyComponent @onplus="myMethodPlus" @onminus="myMethodMinus" />

Answer 1

[Alex]

Полагаю это потому, что в качестве обработчика вы не передаёте функцию. А просто вызываете эту функцию.

// Ошибка
@click="$emit('onminus')"

// Правильно
@click="() => $emit('onminus')"

Comments

[Andrey Suha]

Нет, это работает не так

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

И давно такой синтаксис ошибкой стал?

[weraleto]

Эмит корректно отрабатывает здесь, проблема в другом

[Aetae]

"Правильно" и "ошибка" местами поменяйте.

Answer 2

[Athanor]

Все таки подозреваю, что вы неправильно подписывались на событие в родителе. Я вынес ваш компонент в песочницу, подписался в родителе на onplus и onminus и все работает. Демо

Comments

[Athanor]

weraleto если помогло, отметьте решением, пожалуйста)