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

Question

我已经使用 vue-router 实现了选项卡。当用户在这些选项卡中来回点击，但又想转到上一页时，他需要多次按 "back" 以回放每个选项卡访问的第一个。

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

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

                ]
            }
       ]
   });

Answer 1

单击选项卡：

Instead of pushing a route to the route history, replace the existing top of the route history.

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

如果您使用路由器-link 标签

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