How to keep sort values ​​when moving to another page?

Question

Vue.js

Good day) I have such a task, there are tables (like this vuetify), I

sort it, for example, by the Carbs field, then go to another page, and I want the sorting to remain the same, and so it would be possible to save sorting by all fields ( I decided to implement it through localStorage ), something doesn’t work out yet, could anyone help, thanks in advance))

Answer 1

If there is a page reload during the transition, then in the component that renders everything, it is necessary to read the data from localstorage in the created hook and pass the data to data, for example, to further render the DOM according to the settings from localStorage.
If without reloading, then you can store the data in the store, and work with the beforeEnter router hook, which will work before switching to the route, and at this moment you can get the settings data on how to render the component template.

Answer 2

Hello, better use a store in which you store the sort state.

Answer 3

And try mb keep-alive?