componente regresar

pages/admin/programa/infoResponsable/index.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="container">
-    <b-button class="boton is-info my-5" @click="regresar()">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa'"
+      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+    />
     <p class="is-size-2 mb-4"> Información del responsable</p>
     <p class="is-size-4 mb-4"> <strong>Nombre: </strong> {{ nombre }}</p>
     <p class="is-size-4 mb-4"> <strong>Correo: </strong> {{ correo }}</p>
@@ -24,20 +25,27 @@
     <div class="">
       <b-button
         class="boton is-info my-5"
-        @click="$router.push('admin/programa/infoResponsable/modificar')"
+        tag="router-link"
+        to="/admin/programa/infoResponsable/modificar"
       >
         Editar información
       </b-button>
     </div>
-    <b-button class="boton is-info my-5" @click="regresar()">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa'"
+      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+    />
   </div>
 </template>
 
 <script>
 import axios from "axios";
+import botonRegresar from "../../../../components/botonRegresar";
+
 export default {
+  components: {
+    botonRegresar
+  },
   data() {
     return {
       idResponsable: localStorage.getItem("idResponsable"),
@@ -72,13 +80,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-    },
-    regresar() {
-      this.$router.push("/admin/programa");
-      localStorage.removeItem("idResponsable");
-      localStorage.removeItem("nombre");
-      localStorage.removeItem("correo");
-    },
+    }
   },
   created () {
     this.obtenerProgramas()

pages/admin/programa/infoResponsable/modificar/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="container">
-    <b-button class="boton is-info my-5" @click="$router.push('/admin/programa/infoResponsable')">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa/infoResponsable'"
+    />
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
       <b-input type="text" v-model="nuevo.nombre" :placeholder="viejo.nombre">
@@ -12,9 +12,9 @@
       <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <b-button class="boton is-info my-5" @click="$router.push('/admin/programa/infoResponsable')">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa/infoResponsable'"
+    />
     <b-button class="boton is-info my-5" v-if="mostrar()" @click="editarResponsable()">
       Editar responsable
     </b-button>
@@ -31,9 +31,13 @@
 
 <script>
 import validator from 'validator'
+import botonRegresar from '../../../../../components/botonRegresar'
 //import axios from 'axios'
 
 export default {
+  components: {
+    botonRegresar
+  },
   data () {
     return {
       viejo: {
@@ -46,6 +50,7 @@ export default {
         correo: ""
       },
       idServicio: localStorage.getItem('idServicio'),
+      token: localStorage.getItem('token'),
       isLoading: false
     }
   },