El enrutamiento de Vue salta a otras páginas a través de URL, lo que provoca problemas de carga de datos.

Al saltar a otras páginas a través de la URL, Vue recargará la página completa e inicializará los datos, lo que puede hacer que se borre los datos cargados previamente. Para evitar este problema, puede considerar utilizar la protección de navegación de enrutamiento proporcionada por el enrutador Vue para administrar los saltos de enrutamiento.

Defina alertas de navegación globales y locales en la ruta para garantizar que el estado y los datos de los componentes se puedan guardar y restaurar al cambiar de ruta, por ejemplo:

1. /p >

Establece pre-guard beforeEach en router/index.js para interceptar los saltos de ruta. Debes llamar a next() o next(false) en next() para saltar.

```

router.beforeEach((recipient, sender, next) = & gt{

//Aquí puede enrutar para realizar el control de permisos y otras operaciones

Next()

})

```

2. Local dentro del componente de protección de navegación<. /p>

A través de la función de enlace beforeRouteLeave en el componente, puede realizar algunas operaciones antes de abandonar la ruta actual, como guardar el estado y los datos del componente actual.

```

Exportar valor predeterminado {

data() {

Devolver {

MSG: "Hola mundo"

}

},

beforeRouteLeave(destinatario, remitente, siguiente){

//Aquí puedes guarde el estado y los datos del componente actual en Vuex o en el almacenamiento local.

Siguiente()

}

}

```

El uso de la protección de navegación puede resolver El problema de la pérdida de datos causada por los saltos de ruta se puede resolver mientras se logra un control y una gestión de enrutamiento más detallados.