♿ State focus on input

2019-09-04 15:52:16 +05:30
parent 0a91fb66e3
commit e95a4a9782
4 changed files with 16 additions and 6 deletions
--- a/pages/websocket.vue
+++ b/pages/websocket.vue
@@ -27,7 +27,7 @@
      <ul>
        <li>
          <label for="message">Message</label>
-          <input id="message" name="message" type="text" v-model="communication.input" :disabled="!connectionState" @keyup.enter="connectionState ? sendMessage() : null">
+          <input id="message" name="message" type="text" v-model="communication.input" :readonly="!connectionState" @keyup.enter="connectionState ? sendMessage() : null">
        </li>
        <li>
          <label for="send" class="hide-on-small-screen">&nbsp;</label>