Как заставить работать @input или аналогичный обработчик этого события на мобильном устройстве?

Question

[Глеб Николаев]

Если на мобильном устройстве в частности на андройде (у меня воспроизвелось на firefox и chrome) открыть пример с оф. сайта с документацией по vuejs в разделе обработка форм:
https://ru.vuejs.org/v2/guide/forms.html#%D0%A2%D0...

<input v-model="message" placeholder="отредактируй меня">
<p>Введённое сообщение: {{ message }}</p>

И попробовать ввести текст в поле input то событие ввода текста в поле (либо аналог - @input) не сработает пока на клавиатуре не нажмешь кнопку enter, пробел или какой-нибудь знак препинания.
Я так же создал наблюдатель события:

watch: {
        message: {
            console.log('Yo!');
        }
},

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

Answer 1

[Aetae]

https://github.com/vuejs/vue/issues/9777#issuecomm...
@input как раз должен работать:


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

Comments

[Антон Антон]

@input должен срабатывать после каждого изменения v-model, которое без модификатора .lazy срабатывает при вводе каждого символа.

[Aetae]

Антон Антон, што?

@input должен срабатывать после каждого изменения v-model

Во-первых: наоборот, это v-model должен срабатывать по @input, т.к. является всего лишь сахаром для оного.
Во-вторых: на мобиле, очевидно, не должен. Если бы ты прошёл по приведённой мной ссылке и прочитал комментарий от самого создателя Vue, ты бы это узнал.