在模态(Vue.js 2)中实现历史记录功能的最佳方法是什么?
就我而言,在排名页面上,有人可以点击用户个人资料,并使用用户的个人资料打开弹出窗口。用户的个人资料可以显示用户所属的群组类型,当有人点击群组时,群组的个人资料会加载到同一个模式中。但是,应显示一个箭头以返回上一个配置文件。
如何做到最好的方法?我应该实现命名路由器视图,还是应该使用插槽?或者我应该实现JavaScript函数吗?
答案 0 :(得分:1)
取决于您是否要将模态页面推送到浏览器历史记录。如果是这样,您可以手动history.pushState()
或调整vue-router
(如果它已在您的设置中)(例如,将key
添加到router-view
以强制重新导入时相同的模态组件)。
我想这不是必要的,因为用户已经有了箭头图标,因此您可以将模态作为vue组件并更改其数据,以便由vue重新渲染。同时,您需要管理历史记录堆栈才能获得最后一页"单击箭头时。只有一些arr.push()
和arr.pop()
s。