Как не прятать клавиатуру на мобильных устройствах при вызове события во vue?

Имеется поле для ввода и кнопка отправки сообщения
<textarea placeholder="Введите сообщение"
          v-model.trim="inputText" v-focus
          @keyup.ctrl.enter="sendMessage"></textarea>
<button @click.prevent="sendMessage"
        :disabled="inputText === null || inputText === ''">
    <img src="..." alt="Отправить">
</button>

Метод sendMessage:
sendMessage() {
                event.preventDefault();
                if (this.inputText !== null && this.inputText !== "") {
                    let message = this.inputText;
                    this.inputText = null;                   
                    axios.post(...)                        
                }
            },

При открытии страницы с помощью v-focus фокус сразу на textarea и открывается клавиатура на мобильных устройствах. Однако при клике на button клавиатура закрывается. Как оставить клавиатуру постоянно открытой?
Добавил @click.prevent и event.preventDefault(), однако это не помогает.
  • Вопрос задан
  • 183 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT
Front-end разработчик
Попробуйте при клике на кнопку делать textarea в фокус
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы