1

Estoy trabajando sobre un proyecto con VueJS en Quasar y quisiera crear un botón que me permita regresar a la página anterior. ¿Cómo lo podría hacer?

Este es el div donde contengo el botón:

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 row justify-end">
   <q-btn flat class="btnReturn" label="Volver" icon="keyboard_arrow_left" />
</div>

1 respuesta 1

1

Agregale @click="$router.go(-1)" al boton.

(probado en vue 3 con vue router 4. Según documentación debería funcionar en vue router 3 también): https://router.vuejs.org/guide/essentials/navigation.html#router-go-n

 <q-btn 
   flat 
   class="btnReturn" 
   label="Volver" 
   icon="keyboard_arrow_left"
   @click="router.go(-1)"
 />

Otra forma usando javascript puro (sin vue router) sería creando un método retroceder y enlazarlo al evento click del botón:

<q-btn 
   flat 
   class="btnReturn" 
   label="Volver" 
   icon="keyboard_arrow_left"
   @click="retroceder()"
 />

Vue 2

methods: {
   retroceder(){
     window.history.back();
   }
}

Vue 3

setup(){
   const retroceder = () => {
       window.history.back();
   }

   return { retroceder } 
}
1
  • Muchas gracias! funcionó
    – user224276
    el 19 ago. 2021 a las 19:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.