Tengo una página simple con dos parámetros dinámicos cuando estoy en la página y cambiar el método de obtención de parámetros de URL se ejecutará nuevamente. No quiero este comportamiento.
método de obtención:
async fetch() { await this.getFlightResult(); }método getResult:
async getResult() { this.$router.push({ path: `/air/${originCity?.id}-${destinationCity?.id}/${originCity?.name}-${destinationCity?.name}`, }); await this.getFlightResult(); }getResultMethod:
async getFlightResult(){ const { data } = await this.$axios.get(`/api/v1/flights') }Tengo este código al cambiar los parámetros de URL ejecutar el método de recuperación y el método getResult juntos y hace que esto suceda.
Puede cambiar los parámetros de consulta sin cambiar el parámetro de ruta y, por lo tanto, sin volver a renderizar la página:
this.$router.push({query: { myFirstQuery: 'foo', mySecondQuery: 'bar'}})A continuación, puede ver las consultas con, por ejemplo:
watch: { '$route.query': { immediate: true, handler(newVal){ // updating your values here } } }