Как сохранить значения сортировки при переходе на другую страницу?

Question

[Anton8989]

Доброе время суток) У меня такая задача, есть таблицы (примерно такая vuetify),

сортирую ее к примеру по полю Carbs, затем перехожу на другую страницу, и хочу чтобы сохранения сортировки оставвались прежними, и так можно было бы сохранять сортировку по всем полям ( решил реализовывать через localStorage ), что-то пока не выходит, мог ли кто-нибудь помочь, заранее спасибо))

Comments

[Just Me]

1. localStorage ( если не работает, надо смотреть ошибки кода )

2. использовать VUEX ( если он не используется конечно ), но в таком случае, придётся переписывать всю архитектуру приложения

[Dima Polos]

Переход происходит с перезагрузкой страницы?

Answer 1

[Dima Polos]

Если перезагрузка страницы есть при переходе, то в компоненте, который рендерит все надо в хуке created прочитать данные из локалсторедж и передать данные в data, например, чтоб дальше отрендерить DOM по настройкам из localStorage.

Если без перезагрузки, то данные можно в store хранить, и поработать с хуком роутера beforeEnter, который сработает до перехода на роут, и в этот момент можно получить данные настройки, как рендерить шаблон компонента.

Answer 2

[bubaley]

Здравствуйте, используйте лучше store в котором храните состояние сортировки.

Answer 3

[drawnofmymind]

А мб keep-alive попробовать?