Как правильно связывать v-model события change компонента input во Vue?

Question

[Сергей Семенов]

С событием input работает, а с change нет.
Вот компонент:

<div>
    <input
      @input="updateValue($event.target.value)"
      @change="updateValueChange($event.target.value)"
      :value="value"     
    />
/>

props: ['value'] 
methods: {
    updateValue(value) {
      this.$emit('input', value)
    },

    updateValueChange(value) {
      this.$emit('change', value)
    },
}

Answer 1

[coderisimo]

Внутренне v-model использует разные свойства и генерирует разные события для различных элементов ввода:

элементы для ввода текста и многострочного текста используют свойство value и событие input;
чекбоксы и радиокнопки используют свойство checked и событие change;
выпадающие списки используют свойство value и событие change.

Comments

[Сергей Семенов]

а для вставки текста из буфера обмена? чтобы он записывался в модель? там же чейндж событие нужно брать

[coderisimo]

Сергей Семенов, ничего вообще не надо делать))) Если поле привязано к модели - этого достаточно.

[Сергей Семенов]

а вы учитываете что не просто инпут, а компонент, который подключается в другом компоненте?

[coderisimo]

Сергей Семенов,

watch пробовали ?