Пользовательское событие Vue leayk регистрируется несколькими компонентами

Question

У меня есть пользовательское событие, которое добавляется через

...
mounted() {
  window.addEventListener(...)
},
...

и я использую event.stop.prevent, но там, где у меня есть эти заявления, события регистрируются, событие, когда я не хочу их.

https://codesandbox.io/s/kw64lpk3y5

В песочнице событие определено в highlighter.vue Выделение строки текста должно добавить только один вложенный массив, но он всегда регистрируется 4 ...

Answer 1

Таким образом, каждый смонтированный компонент добавляет событие к «массиву событий».

Одна возможность - добавить это событие в сам компонент

или отфильтровать по e.target

вроде так: this.$el.addEventListener