在 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.
在模态 (Vue.js 2) 中实现历史功能的最佳方式是什么?
就我而言,在排名页面上,有人可以单击用户个人资料,然后会打开一个包含用户个人资料的弹出窗口。用户的个人资料可以显示用户属于哪种类型的组,当有人单击该组时,该组的个人资料将以相同的模式加载。但是,应该会显示一个箭头以返回上一个配置文件。
怎么做最好?我应该实现命名路由器视图,还是应该使用插槽?或者我应该实现一个 JavaScript 功能?
取决于您是否要将模态页面推送到浏览器历史记录。如果是这样,您可以手动 history.pushState()
或调整 vue-router
如果它已经在您的设置中(例如,将 key
添加到 router-view
以在相同模态组件之间导航时强制重新渲染) .
我想这不是必需的,因为用户已经有了箭头图标,所以你可以将模态变成一个 vue 组件并更改它的数据,这样它就可以被 vue 重新渲染。同时,您需要管理一个 历史堆栈 以在单击箭头时获取 "last page"。它应该很简单,只有一些 arr.push()
s 和 arr.pop()
s.