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

Question

[Евгений Хрипунов]

Имеется поле для ввода и кнопка отправки сообщения

<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(), однако это не помогает.

Answer 1

[Владимир Проскурин]

Попробуйте при клике на кнопку делать textarea в фокус

Comments

[Евгений Хрипунов]

Спасибо, помогло!
this.$refs.textareafocus.focus()