Как убрать открытие клавиатуры при фокусе а input?

Для предотвращения автоматического открытия клавиатуры при фокусировке на input элементе в приложениях Vue.js можно воспользоваться атрибутом readonly.

Когда элемент помечен атрибутом readonly, пользователь все еще может увидеть содержимое поля ввода, но не может вводить в него какие-либо значения. Таким образом, заключение input в тег <div> с атрибутом readonly предотвратит открытие клавиатуры при фокусировке на этом элементе.

Пример использования в шаблоне Vue.js:

<template>
  <div>
    <input type="text" :readonly="true" />
  </div>
</template>

Таким образом, при фокусировке на input элементе, клавиатура не будет открываться из-за наличия атрибута readonly у input элемента.