Почему не работает v-model?

Question

[HitGirl]

Здравствуйте!
Пытаюсь, использовать v-model со своим компонентом, подскажите, пожалуйста, почему свойство searchText не меняется?

//MyInput.vue
<template>
  <input type="text" class="search">
</template>

<script>
export default {
  model: {
    prop: 'value',
    event: 'input'
  }
}
</script>

<my-input v-model="searchText" />

      <button >
        {{ searchText }}
      </button>

Answer 1

[Вадим]

Короткий ответ:
1) Задайте инпуту атрибут value пропс value через v-bind
2) нужно эмитить событие input с новым значением value при наступлении события input
Подробнее:
https://kirillurgant.com/notes/creating-custom-inp...

Comments

[HitGirl]

Не понял.

<input type="text" class="search" :value="value" @input="$emit('input', $event.target.value)">

[HitGirl]

разобрался.
https://www.youtube.com/watch?v=gqaPtYFqnqU