@mrdragon9000

Vuejs Можно ли вернуться на предыдущую страницу с переменными которые на ней были?

Vuejs работает в режиме history.
Есть страница со списком пользователей на сайте. У списка есть фильтры. Они представляют из себя массив в текущем компоненте
data: () => {
			return {
				users: {
					data: [],
					current_page: 1
				},

				filter: {
					user: '',
					minBalance: 0,
					maxBalance: 1000000,
					hasOffer: ''
				}
			}
		},

Я указал какие-то фильтры. Перешел на страницу одного из найденых пользователей(отдельная страница с информацией), после чего хочу вернуться на страницу со списком, чтобы там снова были выставлены эти фильтры. Как это реализовать, что информация о фильтрах сохранилась на предыдущей странице?
  • Вопрос задан
  • 675 просмотров
Решения вопроса 2
@kr_ilya
Ответ написан
Комментировать
Лучше всего через query params:
1) При применении фильтра, нужно отправить пользователя на страницу с этими параметрами: example.co/catalog?user=john&minBalance=1000
2) При загрузке страницы считывать фильтры с url, если они есть

Это будет работать и при прямом переходе на отфильтрованную страницу, и при обновлении, и при возвращении назад
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы