[Vue] Предотвратить изменение данных поля ввода при появлении новых данных?

Question

на данный момент у меня есть поле ввода, скажем, оно: значение привязывается к данным с именем apiData, которые будут покрываться новыми данными из вызова API каждые 10 с.

Есть ли способ предотвратитьмои данные поля ввода изменяются, если поле ввода фокусируется? Потому что, если я буду печатать в поле ввода, когда возвращаются новые данные, то, что я напечатал, исчезнет и будет покрыто новыми данными.

Поле ввода

<input 
    v-on:keyup.enter="$event.target.blur()"
    @focus="$event.target.value=''"
    @blur="$event.target.value=oddsCell['odds']" 
    :value="oddsCell['odds']"
/>

Answer 1

Вы можете использовать обработчики событий @focus, чтобы установить флаг, который указывает, что поле редактируется прямо сейчас, и предотвращает перезапись переменной модели. И обработчик событий @blur для сброса флага после завершения редактирования.