在vue.js modal中实现历史函数的最佳方法



在模态内实现历史函数的最佳方法是什么?

在我的情况下,在排名页面上,有人可以单击用户配置文件,并使用用户配置文件打开弹出窗口。用户的配置文件可以显示到用户属于哪种类型的组,当某人单击该组时,该组的配置文件已加载在同一模式中。但是,应显示一个箭头以返回以前的配置文件。

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

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

我想这不是必需的,因为用户已经具有箭头图标,因此您可以将模式变成VUE组件并更改其数据,以便通过VUE启用它。同时,当单击箭头时,您需要管理历史记录堆栈才能获取"最后一页"。仅使用一些arr.push() s和arr.pop()s。

应该很简单

最新更新