V5 - Help with back without reloading in some page

Hi guys! I need help with this new app. I have this workflow:

PAGE 1 -> PAGE 2 (dynamic component) -> PAGE 3 (infinite scroll) -> PAGE 4 -> PAGE 1
PAGE 1 -> PAGE 2 (dynamic component) -> PAGE 3 (infinite scroll)

and I need PAGE 1 to reloads everytime it’s arrived.

PAGE 2, PAGE 3 AND PAGE 4 go back each other, using the .back class, but when they had to go to PAGE 1 we use the href="/"

How can I go back from PAGE 4 -> PAGE 3 -> PAGE 2 without reloading the content that has been loaded with infinite scroll?

KeepAlive: https://framework7.io/docs/routes.html#keep-alive or stackPages: https://framework7.io/docs/view.html#view-parameters

thanks for reply. No, I’d them

	{
	  path: '/',
    options: {
      reloadCurrent: true
    },
	  componentUrl: './pages/home.html',
  
	}, // index



 {
		path: '/pages/categoria/:padre_uuid/:grupo_uuid/',
		async: function (routeTo, routeFrom, resolve, reject) {

 			  	// le asigno el UUID que viene por parametro
				
				var context    = {
					grupo_uuid : routeTo.params.grupo_uuid,
					padre_uuid : routeTo.params.padre_uuid
				}; 

				// lo ruteo y le mando el uuid en el context

				resolve(
						{ componentUrl: "./pages/categoria.html", 
              keepAlive: true },
						{ context: context },
					);
 
		},
  },

It dosen’t work with infinitscroll, it’s reload the content

Thanks, that’s why I’m asking here how can I do that…

Use stackPages: https://framework7.io/docs/view.html#view-parameters

Thanks! I’ll try with that!