如何从 vue-router 的历史记录中排除路由？

Question

I\xc2\xb4ve 使用 vue-router 实现了选项卡。当用户在这些选项卡中来回单击，但随后又想转到上一页时，他需要多次按“后退”以首先回放每个选项卡访问。

\n\n

是否可以从 vue-router 的历史记录中排除路由，例如：

\n\n

let router = new VueRouter({\n        mode: \'history\',\n        routes: [\n             .\n             .\n             .\n            {\n                path: \'/tabs/\',\n                name: \'tabs\',\n                component: TabPage\n                children: [\n                            {\n                                path: \'tab1\',\n                                name: \'tab1\',\n                                component: Tab1Page,\n                                excludeFromHistory: true\n                            },\n                            {\n                                path: \'tab2\',\n                                name: \'tab2\',\n                                component: Tab2Page\n                                excludeFromHistory: true\n                            },\n\n                ]\n            }\n       ]\n   });\n

\n

Answer 1

单击选项卡：

不要将路线推送到路线历史记录，而是替换路线历史记录的现有顶部。

<div @click="$router.replace('/tabs/tab1')"> Tab 1 </div>

如果您使用 router-link 标签

<router-link to="/tabs/tab1" replace> Tab 1 </router-link>