与HTML5历史API和VUE合作



我面临一个愚蠢的问题。在Web应用程序(我的堆栈是Vue Vuex Vue-Router)我完全无法将我的商店状态与用户查看的页面同步。

当用户触发背面或前进按钮时,它会触发与onpopstate事件相同的事件,该事件绝对不会提供有关"方向"或页面数的信息。只有状态对象中的数组key似乎几乎是不可行的(在去新地方时将其保存,然后猜测用户在ppopstate上的位置),但我什至不知道"门"对应于"键"。<<<<<<<<<<<<<<<<<<

因此,从那里我考虑了手动跟踪历史态状态键并猜测用户的位置,但我想它不会互相兼容,而且抬起也很重。

这是我的问题:我是否缺少HTML5 API中的一些关键元素,我该怎么做(并保留代码/逻辑极简主义)?

预先感谢您!

编辑:重命名标题并添加了信息

edit2:vuex-router-sync是不合适的,因为它仅在vuex side上提供路由信息,并且并没有真正同步路由器状态和存储状态...

P.S。:请不要定义,请仔细阅读,思考

onpopstate提供了event.state中的状态对象与应用程序历史上的相应位置相关。

编写您的应用程序,以便提供此状态对象都包含您应用程序的整个状态,而不论时间如何。我建议您阅读有关状态模式的信息,并了解"状态"的含义,例如

某人或某物在特定时间处于特定条件。

我所做的意味着您不需要知道您的应用程序所在的历史记录中的相对位置,因为event.state应该是您的所有应用程序所需的需要以确定呈现的内容。

最新更新