在 Vue.js 模态中实现历史功能的最佳方式

Best way to implement history function inside Vue.js modal

在模态 (Vue.js 2) 中实现历史功能的最佳方式是什么?

就我而言,在排名页面上,有人可以单击用户个人资料,然后会打开一个包含用户个人资料的弹出窗口。用户的个人资料可以显示用户属于哪种类型的组,当有人单击该组时,该组的个人资料将以相同的模式加载。但是,应该会显示一个箭头以返回上一个配置文件。

怎么做最好?我应该实现命名路由器视图,还是应该使用插槽?或者我应该实现一个 JavaScript 功能?

取决于您是否要将模态页面推送到浏览器历史记录。如果是这样,您可以手动 history.pushState() 或调整 vue-router 如果它已经在您的设置中(例如,将 key 添加到 router-view 以在相同模态组件之间导航时强制重新渲染) .

我想这不是必需的,因为用户已经有了箭头图标,所以你可以将模态变成一个 vue 组件并更改它的数据,这样它就可以被 vue 重新渲染。同时,您需要管理一个 历史堆栈 以在单击箭头时获取 "last page"。它应该很简单,只有一些 arr.push()s 和 arr.pop()s.