vue изменение события в пользовательском компоненте ввода - PullRequest
Новая
       90

vue изменение события в пользовательском компоненте ввода

0 голосов
/ 25 февраля 2020

Я хочу добавить @change событие для пользовательского компонента ввода.

Это мой компонент : 

<template>
  <div class="w-100">
    <div class="form-text">
      <input
        :value="value"
        @input="updateValue($event.target.value)"
        autocomplete="off"
        class="form-text__input"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'FormText',
  props: {
    value: {
      required: true,
      type: String
    }
  },
  methods: {
    updateValue(value) {
      this.$emit('input', value)
    }
  }
}
</script>

, и вот как я используйте его : 

       <form-text
          v-model="form.placeOfBirth"
        />

Я хочу добавить @change событие. Это событие должно срабатывать, когда пользователь начинает вводить данные ввода, а не когда данные поступают из API и ввод заполнен.

1 Ответ

0 голосов
/ 25 февраля 2020

в шаблоне: 

    <input
    ...
    @keyup="onKeyUp"
    />

в коде: 

    methods: {
        onKeyUp(event) {
          this.$emit('change', event)
        }
    }

Обратите внимание, что это событие будет срабатывать после каждого нажатия клавиши.

...