Лучший способ реализовать функцию истории внутри Vue.js modal

Question

Что было бы лучшим способом реализовать функцию истории внутри модального (Vue.js 2)?

В моем случае на странице ранжирования кто-то может щелкнуть по профилю пользователя, и всплывающее окно открывается профилем пользователя. Профиль пользователя может отображать, к какой группе принадлежит пользователь, и когда кто-то нажимает на группу, профиль группы загружается в тот же самый модальный. Но стрелка должна отображаться, чтобы вернуться к предыдущему профилю.

Как это сделать наилучшим образом? Должен ли я реализовать именованные виды маршрутизатора или использовать слоты? Или мне нужно выполнить функцию JavaScript?

Answer 1

Зависит от того, хотите ли вы нажимать модальные страницы на историю браузера. Если это так, вы можете вручную установить history.pushState() или настроить vue-router, если он уже находится в вашей настройке (например, добавьте key в команду router-view, чтобы принудительно выполнить перезагрузку при перемещении между одним и тем же модальным компонентом).

Я думаю, это было бы необязательно, так как пользователь уже имеет значок стрелки, поэтому вы можете просто сделать модальный компонент vue и изменить его данные, чтобы он был повторно удален vue. Тем временем вам понадобится управлять стеклом , чтобы получить «последнюю страницу» при нажатии стрелки. Он должен быть простым только с некоторыми arr.push() s и arr.pop() s.