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

时间:2016-12-17 21:59:02

标签: javascript modal-dialog vue.js vue-router vuejs2

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

就我而言,在排名页面上,有人可以点击用户个人资料,并使用用户的个人资料打开弹出窗口。用户的个人资料可以显示用户所属的群组类型,当有人点击群组时,群组的个人资料会加载到同一个模式中。但是,应显示一个箭头以返回上一个配置文件。

如何做到最好的方法?我应该实现命名路由器视图,还是应该使用插槽?或者我应该实现JavaScript函数吗?

1 个答案:

答案 0 :(得分:1)

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

我想这不是必要的,因为用户已经有了箭头图标,因此您可以将模态作为vue组件并更改其数据,以便由vue重新渲染。同时,您需要管理历史记录堆栈才能获得最后一页"单击箭头时。只有一些arr.push()arr.pop() s。

应该很简单
相关问题