我已经通过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
},
]
}
]
});
在选项卡上单击:
而不是将路线推送到路线历史记录,而是将路线历史记录的现有顶部。
<div @click="$router.replace('/tabs/tab1')"> Tab 1 </div>
如果您正在使用router-link标签
<router-link to="/tabs/tab1" replace> Tab 1 </router-link>