Что такое модификатор на Event

Ответ

Модификатор на событие (event modifier) — это специальный синтаксис в фреймворках (например, Vue.js), который изменяет поведение обработчика события. Он позволяет добавлять дополнительные условия или действия без явного написания кода в обработчике.

Примеры модификаторов в Vue:

<!-- Остановить всплытие события -->
<button @click.stop="handleClick">Click</button>

<!-- Предотвратить действие по умолчанию -->
<form @submit.prevent="onSubmit"></form>

<!-- Только при нажатии Enter -->
<input @keyup.enter="submitForm">

Распространённые модификаторы:

  • .stopevent.stopPropagation()
  • .preventevent.preventDefault()
  • .self — срабатывает только если событие произошло на самом элементе
  • .once — событие сработает только один раз
  • .capture — обработчик в фазе capture
  • .passive — улучшает производительность для скролла

Модификаторы можно комбинировать: @click.stop.prevent