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

问题描述 投票:0回答:1

我已经通过vue-router实现了选项卡。当用户在这些选项卡中来回单击时,然后又喜欢转到上一页时,他需要多次按“后退”才能对每个选项卡访问进行回放。

是否可以从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
                            },

                ]
            }
       ]
   });
vue.js vuejs2 vue-router browser-history
1个回答
0
投票

在选项卡上单击:

而不是将路线推送到路线历史记录,而是将路线历史记录的现有顶部。

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

如果您正在使用router-link标签

<router-link to="/tabs/tab1" replace> Tab 1 </router-link>
© www.soinside.com 2019 - 2024. All rights reserved.