Es de suponer que todos se han encontrado con la siguiente situación al excavar vue: por ejemplo, al eliminar o agregar un registro, espero que la página actual se pueda actualizar o de la siguiente manera:
En este momento, nuestro pensamiento más directo es pensar en lo siguiente:
Sin embargo, si lo he probado, descubriré que al usar vue-router para redireccionar a la página actual, la página no se actualiza y no tiene ningún efecto ~ ¡Así que este método está descatalogado!
A continuación, clasificaré varios métodos notables que puede elegir usted mismo:
1. Actualice toda la página de la forma más directa:
ubicación. recargar ()
esto. $ router.go (0)
Ambos pueden actualizar la página actual. La desventaja es que equivale a presionar ctrl + F5 para forzar una actualización. Cuando se recarga toda la página, aparecerá una página en blanco al instante, lo cual es una mala experiencia.
2. Cree una nueva página en blanco providerAllBack.vue, cuando haga clic en Aceptar, salte primero a esta página en blanco y luego retroceda inmediatamente
El contenido de la página en blanco providerAllBack.vue:
En comparación con el primer método, la página en blanco no aparecerá por un momento, pero la barra de direcciones tiene un proceso de cambio rápido, que se puede utilizar
3. El método de combinación proporcionar / inyectar es el más práctico que he probado, y usaré la captura de pantalla del proyecto para explicarte: Primero, necesitas modificar tu app.vue
Al declarar el método de recarga para controlar la visualización u ocultación de la vista del enrutador, controlando así la recarga de la página, aquí está la definición
isRouterAlive //true or false 来控制
Luego, inyecte la dependencia de recarga proporcionada por el componente App.vue en la página que necesita la actualización de la página actual y luego use directamente this.reload para llamarla.