Vue路由选项卡的历史记录

时间:2020-04-29 07:13:28

标签: javascript vue.js tabs single-page-application

vue开发人员社区您好,我遇到了问题,希望您能为我提供帮助。 我将在结构上显示3个状态。

路线:“ / tab1” Route: '/tab1'

路由:“ / tab1 / item1” Route: '/tab1/item1'

路线:“ / tab2” Route : '/tab2'

因此,如您所见,这里是有关列表/项目的典型结构。 问题在于,这是一个SPA,嵌入到ios和android(模拟应用程序)的webapp中。 因此,当用户处于状态“ tab1 / item1”时,更改为“ tab2”,然后单击“ tab1”,在内部,它应该像返回一样,而不是在“ tab1”中,应该转到'tab1 / item1'(作为历史记录,不重新加载页面)。 你知道这是已经创建的还是结构? 我当时正在考虑在每个选项卡中使用多个视图,而不是全部使用一个主视图。 另一个想法是删除视图,并使用父组件。 我希望你能帮助我。 谢谢

1 个答案:

答案 0 :(得分:0)

也许您可以在离开该标签页之前保存每个标签中选择的项目,然后在用户返回该标签时重新加载该信息。

可以实现后退历史记录,但是用户需要按后退而不是选项卡。我不知道已经创建的结构可以满足您的需求。