История маршрутизации с vuejs

Question

История маршрутизации с vuejs

1

У меня есть маршрут: https://localhost/search/. Я не использовал параметр поиска в параметре маршрутизации на стороне клиента vuejs. Запрос отправляется на конечную точку api, которая отправляется как текст поиска и page_no в качестве параметров, и это дает мне результат. Я смотрю параметры page_no для отправки запроса, когда мы идем туда и обратно в браузере. Но проблема в том, что при изменении текста поиска, как я могу вернуться из браузера с конкретным текстом поиска. Я думал о предоставлении текста поиска в маршрутизации на передней панели, но я хочу этого избежать.

phantom 11 май 2018, в 07:11

Источник

0

Вы должны управлять своей собственной историей, используя developer.mozilla.org/en-US/docs/Web/API/History_API .
Morty Choi 11 май 2018, в 07:53
0

Как управлять собственной историей?
phantom 11 май 2018, в 08:49
0

Просто чтобы уточнить, вы помещаете поисковый запрос в URL, например /search?q=foo ? Если нет, то почему?
Decade Moon 11 май 2018, в 09:12
0

Нет, я не хочу, чтобы параметры поиска были в URL, только в URL запросов.
phantom 12 май 2018, в 14:19

Показать ещё 2 комментария

Теги:

javascript

vue.js

1 ответ

Ещё вопросы

Вы должны управлять своей собственной историей, используя developer.mozilla.org/en-US/docs/Web/API/History_API .
Как управлять собственной историей?
Просто чтобы уточнить, вы помещаете поисковый запрос в URL, например /search?q=foo ? Если нет, то почему?
Нет, я не хочу, чтобы параметры поиска были в URL, только в URL запросов.

Morty Choi · Answer 1 · 2018-05-11T06-39-00.000Z

Когда вы переходите к новому результату поиска, вы должны называть pushState самостоятельно. Поскольку vue-router не будет нажимать другое состояние, если маршрут назначения совпадает с текущим. Затем вам нужно обработать событие onpopstate для обновления SearchComponet.

window.onpopstate = function(event) {
      alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
    };

history.pushState({query: "a"}, null);

Первый аргумент pushState - это объект состояния. Объект состояния является объектом JavaScript, который связан с новой записью истории, созданной pushState(). Всякий раз, когда пользователь переходит в новое состояние, запускается событие popstate, а свойство состояния события содержит копию объекта состояния записи истории.

быстрый вопрос, почему мы не можем получить доступ к состоянию магазина в onpopstate?
Можете ли вы показать свой код. Я думаю, это может быть связано с this medium.com/@anjalisharma0626/… Вы можете решить эту проблему с помощью функции стрелки window.onpopstate = (event) => { this.$store.state } .