使用Nuxt / Vuex / Vue检测用户是否通过浏览器的后退按钮导航到路线

时间:2018-06-27 06:01:00

标签: vue.js router vuex back nuxt.js

我遇到的情况是,每当有人访问没有任何参数的页面时,我会将一些参数推送到nuxt路由器(https://router.vuejs.org/guide/essentials/navigation.html)。

示例: 有人造访:/program会在/program/first-event?year=2018&month=6中结束 (首先,该视图为当前事件过滤程序(因此,为今年和本月提供参数),然后从过滤后的事件中将第一个事件设置为活动发布(也可以通过将其推送到路由器)。

这都是通缉的,也是很好的。但是现在我检测到以下问题: 有人正在访问/aboutus,然后导航到/program,路由器将自动更改为/program/url-of-event-post?year=2018&month=6。 假设用户想返回到/aboutus,他单击了浏览器的后退按钮。这将使他回到:/program,它会自动再次添加帖子和参数(有效地又向前移动了一步)。

意味着用户被无休止地单击后退按钮。 我的方法是尝试注册是否用户单击后退按钮,如果这样,则不添加参数。但是我不知道该怎么做。 我以为路由器会提供“来自”属性,但到目前为止我什么都没找到。

我很高兴听到对此的一些想法。谢谢你提前堆。

1 个答案:

答案 0 :(得分:1)