Vue смотреть на V-модель собственности только один раз - PullRequest
Новая
       4

Vue смотреть на V-модель собственности только один раз

0 голосов
/ 28 июня 2018

У меня есть компонент Vue, очень похожий на приведенный пример здесь : 

watch: {
    query(n, o) {

        // Display loading animation
        this.loading = true;

        // Search debounced
        this.debouncedSearchUser();
    }
},

Где query - это строковая переменная, привязанная к вводу текста с использованием v-model: 

data() {

    return {
        query: "",
        loading: false,
        results: []
    }
},

Все отлично работает, кроме Chrome для Android, где триггер часов срабатывает только один раз (когда query меняется с "" на все, что я пишу).

Есть идеи?

EDIT:

Проблема, похоже, связана с директивой v-model: я провел несколько экспериментов с нативными событиями javascript, и значение v-модели не обновляется, пока я не сфокусирую ввод. Если кому-то интересно, здесь есть привязка: 

<input v-model="query" class="input-text-light pad-s-m f-m"/>

Любой способ обойти это, используя часы и v-model?

1 Ответ

0 голосов
/ 29 июня 2018

Кажется, это ошибка для v-model. Так как v-model это просто синтаксический сахар. Я думаю, что вы можете использовать приведенный ниже код, чтобы заставить его работать. 

<input v-bind:value="query" v-on:input="query = $event.target.value"></input>
...