在 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。