Vue, изменить родное событие не работает, ввод родной делает

Question

У меня есть вопрос и, возможно, ошибка Vue.

У меня есть пользовательский компонент, для которого требуется событие @ change.native.Но это ничего не вызывает, и я сам не смог найти ничего об этой проблеме.

Так что я попробовал что-то другое, например @ click.native и @ input.native работают.Даже если @ input.native работает и выполняет ту хитрость, которую я хочу, я все еще хочу знать, почему событие изменения не работает.

Кто-нибудь?Иначе я должен сообщить об этом.

Vue версия: 2.5.2

<custom-input type="search" 
              placeholder="search" 
              v-model="search" 
              @input.native="change" />

Answer 1

Если <input /> внутри пользовательского компонента является дочерним элементом другого элемента, то прослушиватель событий, связанный с модификатором .native, не будет достигнут, так как он прослушивает событие другого элемента.

custom-input.vue:

<template>
    <div>
        <input :value="someValue" />
    </div>
</template>

<script>
export default {
  props: ['value']
}
</script>

, поэтому, если у вас есть этот сценарий, то @change.native будет привязан к <div> (оболочка).(к сожалению) Вам нужно вручную распространять событие вручную.