busqueda con enter

components/admin/responsables/tablaResponsables.vue

@@ -3,16 +3,6 @@
     <h3 class="title">Lista de responsables</h3>
 
     <div class="columns">
-      <b-field class="column" label="Nombre">
-        <b-input
-          type="name"
-          placeholder="Nombre"
-          icon="account"
-          rounded
-          v-model="nombre"
-        ></b-input>
-      </b-field>
-
       <b-field class="column" label="Correo Electrónico">
         <b-input
           type="text"
@@ -20,6 +10,18 @@
           icon="mail"
           rounded
           v-model="correo"
+          @keyup.enter.native="obtenerResponsables()"
+        ></b-input>
+      </b-field>
+
+      <b-field class="column" label="Nombre">
+        <b-input
+          type="name"
+          placeholder="Nombre"
+          icon="account"
+          rounded
+          v-model="nombre"
+          @keyup.enter.native="obtenerResponsables()"
         ></b-input>
       </b-field>
 
@@ -46,10 +48,6 @@
       paginated
       backend-pagination
     >
-      <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-        <span>{{ props.row.nombre }}</span>
-      </b-table-column>
-
       <b-table-column
         field="correo"
         label="Correo Electrónico"
@@ -58,13 +56,16 @@
       >
         <span>{{ props.row.usuario }}</span>
       </b-table-column>
+
+      <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
+        <span>{{ props.row.nombre }}</span>
+      </b-table-column>
     </b-table>
   </section>
 </template>
 
 <script>
 import axios from 'axios'
-import moment from 'moment'
 
 export default {
   data() {