Есть ли способ изменить значение в модели, когда вход получает/теряет фокус?
Вариант использования здесь - это поисковый ввод, который показывает результаты по мере ввода, они должны отображаться только тогда, когда фокус находится на поле поиска.
Вот что у меня так далеко:
<input type="search" v-model="query">
<div class="results-as-you-type" v-if="magic_flag"> ... </div>
А потом,
new Vue({
el: '#search_wrapper',
data: {
query: '',
magic_flag: false
}
});
Идея в том, что magic_flag
должен стать true
когда окно поиска имеет фокус. Я мог бы сделать это вручную (например, с помощью jQuery), но мне нужно чистое решение Vue.JS.