Tengo una página con muchas entradas donde el usuario puede cambiar los detalles de un evento y luego el usuario puede hacer clic en el botón Guardar que activaría el método saveChanges() que volvería a representar la página con las nuevas entradas. Esto sería solo una implementación simulada por ahora, ya que el backend no está listo, por lo que si hubiera una recarga completa de la página, los cambios desaparecerían. Guardo los cambios en mi store.state y me gustaría ver si hay un store.state.newEvent en mi precargador si lo hay, entonces el params.event debería ser store.state.newEvent si no, entonces el objeto de evento original.

 data() { return { event: this.$route.params.event, newEvent: { ...this.$route.params.event}, ... }; }, saveChanges() { store.setNewEvent(this.newEvent); this.$router .push({ name: RouteNames.EventManagement.name, params: { ID: this.event.id, }, }); },

mi enrutador

 const routes = [ { name: RouteNames.EventManagement.name, path: RouteNames.EventManagement.path, beforeEnter: async to => { await managementPreload.preload(to); }, component: EventManagement, }, ]

mi precargador

 async preload(to) { store.showSpinner(); console.log(store.state.newEvent); if (store.state.newEvent) { to.params.event= store.state.newEvent; } else { let data = await EventManagementManager.getById({ id: to.params.ID, }); to.params.event= data.event; } store.hideSpinner(); return to; }

Cuando trato de llamar a saveChanges(), el archivo console.log ni siquiera se activa, así que supongo que el programa no llega al precargador en absoluto.