Как исключить маршрут из истории в vue роутере? - PullRequest
0 голосов
/ 14 марта 2020

Я реализовал вкладки с vue роутером. Когда пользователь нажимает взад-вперед на этих вкладках, но затем ему нравится go перейти на предыдущую страницу, ему нужно несколько раз нажать «назад», чтобы сначала воспроизвести каждое посещение вкладки.

Это так? можно исключить маршруты из истории в vue -раутере типа:

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
                            },

                ]
            }
       ]
   });

1 Ответ

1 голос
/ 14 марта 2020

Нажать на вкладку:

Вместо того, чтобы проталкивать маршрут к истории маршрута, замените существующую вершину истории маршрута.

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

В случае вы используете тег router-link

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