ayanova/src/views/login.vue

@@ -2,12 +2,7 @@
   <v-container fluid>
     <v-layout row wrap>
       <v-flex xs12 class="hidden-sm-and-down text-xs-center" mt-5 ml-5 pl-5>
-        <v-img
-          :src="require('../assets/logo.svg')"
-          class="my-3"
-          contain
-          height="200"
-        ></v-img>
+        <v-img :src="require('../assets/logo.svg')" class="my-3" contain height="200"></v-img>
       </v-flex>
       <v-flex xs12 class="hidden-md-and-up text-xs-center">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
@@ -29,6 +24,8 @@
                 autocapitalize="off"
                 spellcheck="false"
                 :error="errorBadCreds"
+                v-focus
+                v-on:keyup.enter="onEnterUserName"
               ></v-text-field>
             </v-flex>
             <v-flex>
@@ -41,6 +38,7 @@
                 required
                 clearable
                 :error="errorBadCreds"
+                v-on:keyup.enter="login"
               ></v-text-field>
             </v-flex>
             <v-flex class="text-xs-center" mt-1>
@@ -77,6 +75,10 @@ export default {
     });
   },
   methods: {
+    onEnterUserName: function() {
+      //move focus to password
+      document.getElementsByName("password")[0].focus();
+    },
     login() {
       if (this.input.username != "" && this.input.password != "") {
         this.errorBadCreds = false;