Javascript 如何在Vue/Nuxt.js中检查浏览历史记录?

Javascript 如何在Vue/Nuxt.js中检查浏览历史记录?,javascript,vue.js,nuxt.js,bootstrap-modal,Javascript,Vue.js,Nuxt.js,Bootstrap Modal,我正在从事nuxt.js项目,想问一个问题。当我使用显示模式时,它是否将URL堆叠到浏览器查看历史记录? 下面是我目前遇到的问题的细节。 我有两页,分别是A页和B页 页面A有一个链接到页面B的按钮,我使用$router.replace of。所以历史不应该再加上 页面B有一个显示模态的按钮,模态有一个模态关闭按钮,它直接关闭模态并返回到页面B 问题是,一旦我打开和关闭模式,我必须按浏览器的后退按钮两次才能返回到A页。 喜欢 在第B页上显示模式->在第B页上关闭模式->按浏览器后退按钮(但U

我正在从事nuxt.js项目,想问一个问题。当我使用显示模式时,它是否将URL堆叠到浏览器查看历史记录?

下面是我目前遇到的问题的细节。 我有两页,分别是A页和B页

  • 页面A有一个链接到页面B的按钮,我使用$router.replace of。所以历史不应该再加上
  • 页面B有一个显示模态的按钮,模态有一个模态关闭按钮,它直接关闭模态并返回到页面B
问题是,一旦我打开和关闭模式,我必须按浏览器的后退按钮两次才能返回到A页。 喜欢 在第B页上显示模式->在第B页上关闭模式->按浏览器后退按钮(但URL不会更改并且仍保持在第B页上)->再次按浏览器后退按钮,然后返回到第A页

所以我认为通过使用引导显示一个模态,可以添加新的历史条目

稍后添加此部分 下面是modal的代码

//显示模式
显示模态
//解雇模态


您可以使用:
window.history.length来确认这一点,并跟踪号码:

  • 在模态之前
  • 在模态分析期间
  • 情态动词后
这样,您就可以确定它是否真的是引导。同时,我怀疑它是否是引导(因为它使用的是
vue portal
,而不是一些可疑的历史API技巧)

我确实认为它来自其他地方。首先,如果您确实计划允许返回此页面,为什么要使用
replace
?另外,为什么不使用
numxt link
来移动到另一个页面

另外,为了帮助您进行调试,您可以使用devtools的
路由-历史
选项卡,它将准确显示插入vue路由器的内容(如果您有一个中间件或idk正在推送2个条目?)。


编辑,我自己用一个全新的Nuxt项目对它进行了测试,它在这些解决方案和目标页面(索引)上的一个模式下完全按照预期工作

替换索引
替换为索引

因此,我猜您的代码在这一点上有问题。

发布您正在使用的代码。您好。很抱歉回复太晚。我无法解决我遇到的问题,但由于您的建议,我现在可以查看路由的历史记录。因此这非常有帮助。我认为显示模式时存在错误,这就是为什么r郊游问题时有发生。